cherry_vicent的专栏

原创 原生js的e.target.closest()方法

原生js的e.target.closest()方法，一个查找自身或者指定祖先元素的方法。

原创 使用vscode创建git新分支

使用vscode创建git新分支

原创 解决在选项卡中，只有默认选项里的vue-seamless-scroll可以滚动的问题

解决页面有切换按钮，只有默认页面的vue-seamless-scroll无缝滚动可以滚动，其他页面的vue-seamless-scroll不滚动的问题。

转载 解决＜pre＞标签里的文本换行(兼容IE, FF和Opera等)

标签里的文本换行。

转载 天地图-第七篇-按轨迹运动

天地图-按轨迹运动

转载 天地图-第六篇-图形绘制

天地图-图形绘制

转载 天地图-第五篇-覆盖物

天地图-覆盖物

转载 天地图-第四篇-地图信息获取及地图类型设置

天地图-地图信息获取及地图类型设置

转载 天地图-第三篇-地图参数设置

天地图-地图参数设置

转载 天地图-第二篇-地图的基本操作

天地图-地图的基本操作

转载 天地图-第一篇-基本地图加载

天地图-基本地图加载

转载 理解和使用Promise.all和Promise.race

一、Pomise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。具体代码如下：let p1 = new Promise((resolve, reject) => { resolve('成功了')})let p2 = new Promise((resolve, reject) => { resolve('s

转载 JavaScript Promise 重点详解

原文地址：JavaScript Promise 重点详解 - 知乎在看这篇文章之前，你需要对 Promise 有个基础的理解。建议看看 Google 的文章。在实际使用 Promise 编写代码时，虽然没了 callback hell 带来的心智负担，但是 Promise 将代码分散在多个链接在一起的.then()函数中，也会造成实际编写时的困难。本文旨在讲解 Promise 的设计理念，并提供实际使用时的 pattern 方便编写代码。为什么有 Promise？Promise 的出现是为...

转载 通过实例理解vuex中的模块(module)和命名空间(namespaced)

原文地址：通过实例理解vuex中的模块(module)和命名空间(namespaced) - 杨会清的个人网站

转载 vue/react: 父组件中请求数据好？还是子组件中请求数据好？

1、如果现在有一个父组件，3个子组件。 每个组件展示的数据不同，现在有2种数据获取方式。第一种，在父组件中获取所有的数据，然后使用props传递给每个子组件。第二种：各个子组件中获取各自的数据。 、你觉得哪种好？为什么？答：根据实际业务来如果数据其他组件用不到,那么可以由子组件自己获取如果数据可能被同级组件 复用 共享那么由父组件统一获取然后分发下去如果数据可能被跨级组件 复用 共享那么你需要vuex 或者eventshub 统一分发至不同级别的组件（子组件复用率高或耦合性小..

转载 Vue2全家桶之一：vue-cli（vue脚手架）超详细教程

Vue2全家桶之一：vue-cli（vue脚手架）超详细教程https://www.cnblogs.com/caicaizi/p/10618623.html

转载 Vue基于JSON Schema生成表单和数据校验

基于Vue.js、JSON Schema和ElementUi快速生成表单，支持自定义组件，支持自定义错误提示配置和校验规则...源码：vue-json-schema-form github 演示表单：vue-json-schema-form Demo生成表单如下图：JSON Schema 是什么JSON Schema定义了一套规范用于描述你的数据格式，包含对数据结构的描述和约束等。各种开发语言都有相应的类库实现对schema的校验支持。一个JSON Schema的例子：...

转载 关于运行webpack项目报“127.0.0.1:3000端口已被占用”

运行vue项目的时候报Error: listen EADDRINUSE: address alreadyinuse127.0.0.1:3000这个错，表示3000端口号被占用。解决方法：1.打开cmd，执行netstat -nao | findstr3000查询3000端口占用的程序；可以看到 PID为 12212 的进程占用了3000端口，如果进一步你想知道它的进程名称，你可以使用如下命令：tasklist | findstr122122.执行 task...

原创 .Vue文件中scoped的本质就是添加了【属性选择器】

转载 详解Vue中的虚拟DOM

前言Vue.js 2.0引入Virtual DOM,比Vue.js 1.0的初始渲染速度提升了2-4倍，并大大降低了内存消耗。那么，什么是Virtual DOM？为什么需要Virtual DOM？它是通过什么方式去提升页面渲染效率的呢？这是本文所要探讨的问题。模板转换成视图的过程在正式介绍 Virtual Dom之前，我们有必要先了解下模板转换成视图的过程整个过程（如下图）：Vue.js通过编译将template 模板转换成渲染函数(render ) ，执行渲染函数就可以得到一个虚拟节点树

原创 运行 react-native run-android 报错

运行 react-native run-android提示Downloading https://services.gradle.org/distributions/gradle-6.7-all.zip ，然后后面的代码就报错了。解决 步骤：第一步：下载对应版本的gradle，并做配置；具体看码友的这篇文章https://blog.csdn.net/qq_36157085/article/details/86595680第二步：在 Android Studio，菜单“Tools”-...

原创 安装scss-loader、node-sass时报错提示 ‘\\node_modules\\node-sass\\vendor\\win32-x64-57\\binding.node

安装yarn add sass-loader node-sass --dev 默认安装的是最新版本，安装完成后，发现解析.scss文件还是报错；然后使用yarn removesass-loader、yarn removenode-sass，将它们卸载；网上搜，说是因为版本过高，换成 [email protected] [email protected]就可以了；然后我运行yarn add [email protected] [email protected] --dev命令，结果报错：安装s..

原创 安装指定版本的nodejs

node有一个模块n，是专门用来管理node.js的版本的。1、安装n模块： npminstall-g n报错则改用另一条命令：npm install -g n --force2、升级node.js到最新稳定版　　n stable3、安装指定版本： n v6.11.5但是，n模块是不支持window系统，window系统升级node就只有到node官网下载window安装包来覆盖之前的node。node.js以往的版本 下载地址：https://node...

原创 修改cssrem里面html字体的基准大小

1、cssrem的安装2、修改cssrem里面html字体的基准大小注意：先要重新加载这个cssrem，或者干脆关闭vscode重新打开，才能在下面搜"csssroot"时搜到结果奥!!!

转载 CSS中line-height:150%与line-height:1.5的区别

line-height属性的细节与大多数CSS属性不同，line-height支持属性值设置为无单位的数字。有无单位在子元素继承属性时有微妙的不同。语法line-height: normal | <number> | <length> | <percentage>normal 根据浏览器决定，一般为1.2。number 仅指定数字时（无单位），实际行距为字号乘以该数字得出的结果。可以理解为一个系数，子元素仅继承该系数，子元素的真正行距是分别与自身元素字号相乘的

原创 css3的坐标轴是相对于电脑屏幕还是物体自身？

今天跟着老师做 “旋转木马” 案例，想了好久一直想不明白，为什么每张图片的translateZ都相等，都是translateZ(300px)。因为我理解的 Z轴 就是垂直屏幕呀。经查阅，一语惊醒梦中人：我就想做个小实验来确定，坐标轴X轴、Y轴和Z轴，到底是相对于电脑屏幕还是物体自身？实验思路：在页面准备两个相同大小的盒子，第1个盒子，让它先沿X轴移动300px，再旋转45°。第2个盒子，让它先旋转45°，再沿X轴移动300px。结果如下：由此看出，css3的坐标轴X轴

原创 禁用eslint语法报错 --适用于我的vue-cli 4.5.11

我的是vue-cli 4.5.11禁用eslint语法报错，只需找到项目的.eslintrc.js，然后将文件中extends节点中的 '@vue/standard' 注释掉即可。

原创 阿里图标库iconfont下载和在旧有的iconfont中添加新的图标

一、阿里图标下载1、访问阿里图标库官网：www.iconfont.cn，将喜欢的图标加入购物车2、把需要的图标都加入到购物车后，点击右上角“购物车”，查看选好的图标3、点击“下载代码”，将图标代码下载到本地4、解压，然后把整个文件夹拷贝到需要用到的项目中其中iconfont.css就是需要的图标样式。demo_index.html就是图标使用实例。5、图标的使用方法二、在原来的iconfont图标中添加新的图标将新的iconfont.css中的除.ic

转载 ‘ssh-keygen‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。

1、找到ssh-keygen.exe安装目录。（我的在E:\program\git\Git\usr\bin）windows平台：打开cmd，输入wheregit就会显示git的安装路径了。2、配置环境变量：高级系统设置 》 环境变量 》 系统变量 》path 》进行编辑，把ssh-keygen.exe所在的路径粘贴进去，保存 ，应该OK了。win7和win10貌似配置环境变量编辑时候不一样。win10的有列表明细，win7的end到最后要加“；”。原文：https://www.cnbl...

转载 npm安装依赖时-S和-D的作用及区别

-S　　即--save（保存）　　包名会被注册在package.json的dependencies里面，在生产环境下这个包的依赖依然存在。-D　　即--dev（生产）　　包名会被注册在package.json的devDependencies里面，仅在开发环境下存在的包用-D，如babel、sass-loader这些解析器啥也不写　　包名不会进入package.json里面，因此别人不知道安装了这个包，不建议这样。npminstall -d就是npmins...

转载 webpack编译遇到的问题：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

运行npm run dev遇到的问题：Error: Cannot find module 'webpack-cli/bin/config-yargs'// 当前package.json 文件​"devDependencies": { "webpack": "^5.2.0", "webpack-cli": "^4.1.0", "webpack-dev-server": "^3.11.0"}问题引用：问题解决参考： Error: Cannot find module

原创 命令行执行gulp first，报错：The following tasks did not complete: first

在项目根目录gulp_demo下执行gulp first报错如下：报错：红框原因：绿框CLI version: 2.3.0：是我用命令行命令npm install gulp-cli -g 全局安装gulp同名命令行工具，这样我们就可以在命令行中使用gulp命令来执行任务。Local version: 4.0.2：是我用命令行命令npm install gulp 本地安装gulp的库文件(具体放在了自己创建的项目gulp_demo中)。解决方法：方法1：将gulp本地安装版本降到4.

转载 css之clearfix的用法深入理解(必看篇)

如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有 clear，导致不能被撑开。看下面的例子：Div布局如下：Css代码如下：.out{border:1pxsolid#F00;width:500px;} .inner1{width:200px;height:200px;float:left;border:1pxsolid#00F;} .inner2{width:200px;height:200px;float:l...

原创 HTML网页制作：制作锚点链接

1、锚点链接定义：指我点击页面中的某一个链接(锚点链接)，就会跳到这个页面的指定位置(锚点)。2、锚点链接的步骤：(1)、设置锚点：<a name="锚点的名字"></a>意思是在网页中的某一个位置，插入一个锚点。(2)、设置锚点链接：<a href="#锚点的名字">点我就会跳到锚点处</a>意思是在网页中的某一个位置链接之前设定的锚点，只要点击该链接，就会自动跳转到锚点处。(3)、此时，点击锚点链接就会跳到锚点的位置。3、举

转载 javascript有哪些数据类型？

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。JavaScript数据类型：值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undef.

转载 浏览器的渲染原理和js/css阻塞

1、输入Url地址按下回车发生了什么？1：根据网址进行DNS解析，将相应的域名解析为IP地址。2：客户端根据IP地址去寻找对应的服务器并进行TCP三次握手，建立TCP连接。3：客户端发起HTTP请求，请求对应资源。4：服务器响应并返回相应数据（如HTML文件）。5：浏览器将获取的HTML文档由HTML解析器解析成DOM树（Document Object Model）。6：同时由CSS解析器将CSS样式解析成CSS规则树（CSS Rule Tree）。7：将生成的DOM树和CSS规则树合并生成

转载 浏览器渲染页面的过程

上网浏览网页对普通人来讲是非常简单的操作，而对于程序员来说，这件事的背后发生了什么事情呢？输入的网址在通过DNS解析后得到服务器地址，浏览器向服务器发起http请求，经过TCP三次握手确认链接后，服务器将需要的代码发回给浏览器，浏览器接收到代码后进行解析，经过三大步骤：DOM构造、布局以及绘制页面。最终展现为人人都能看懂的网页。第一步：DOM构造。浏览器首先将收到的html代码，通过html解析器解析构建为一颗DOM树。数据结构中有许多的树，而DOM树

原创 Vue-cli的安装和使用

Vue-cli的安装和使用：前提：node -v、npm -v 显示内容。如果没显示则去百度node，点击Down|Node.js下载node的安装包,安装node，安装好后，npm也会自动帮你安装好了，这时再安装Vue-cli就没有问题了。npm install --global vue-clivue init webpack todolistcd todolistnpm run dev参考Vue官网：https://cn.vuejs.org/v2/guide/installation.html

原创 如何让.vue文件在sublime中显示高亮和智能提示

大家写在Sublime Text 3中编写vue文件时，会发现没有代码智能提示，清一色的黑底白字，不会像html、js一样变成彩色，给我们带来了很大的不便。所以需要安装一款叫作Vue Syntax Highlight的插件，它不仅可以使代码高亮起来，还能进行代码智能提示。那怎样安装呢？分为以下几步：安装Package Control 执行Install Package 安装Vue Syntax Highlight我不知道什么时候已经安装了Package Control。如何查看Package Co

转载 如何运行一个Vue项目

一开始很多刚入手vue.js的人，会扒GitHub上的开源项目，但是发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。首先，列出来我们需要的东西：node.js环境（包管理器）vue-cli 脚手架构建工具cnpm npm的淘宝镜像安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具，输入