摘要： 先来看一个需求：下图div用v-for做了列表循环，现在想要span也一起循环，应该怎么做？ 有3种方法可以实现 ①：直接用v-for对span也循环一次（该方法虽然可以使用，但不要用这种方式，因为以后你会哭） ②：在div和span外面包裹一个div，给这个div加循环（该方法会额外增加一个多余的 阅读全文

摘要： 前言 首先，你需要知道vue中父组件和子组件分别指的是什么？ 父组件：vue的根实例——用new Vue()构造函数创建的vue实例（实例会有一个挂载点，挂载点里的所有内容可理解为父组件的内容） 这里以root为挂载点，root里包含的所有内容可称为模板，即我们常说的父组件 子组件：用Vue.com 阅读全文

摘要： 前言 这篇博文不会教你怎么安装vue，但会告知安装过程中可能遇到的5个问题 2017年我写过一篇安装vue的博客，详情：https://www.cnblogs.com/tu-0718/p/7521099.html 5个报错 ①：若使用vue -V查询是否安装vue时提示没有找到指令，可能是你没有安装 阅读全文

摘要： 前言 现在使用Vscode编码的人越来越多，凭借着免费，开源，轻量，跨平台的特点收货了一大批忠实粉丝 最近因项目需要开始使用Vscode，但不知为何，感觉有点力不从心，不知道该怎么用 首先想到去官网看看，然后放弃了（英语渣渣表示压力山大，其实正因为英语差，才更应多锻炼一下，大家不要学我啊） 最后自己 阅读全文

摘要： 前言 虽然进入前端这个行业时间不长，但也不再是纯小白了（技术依然菜鸡，路漫漫其修远兮） 写这篇文章的初衷是因为身边偶尔会有朋友跟我说对前端感兴趣，想要入坑，怎样入门等等。。。 一般我会问一个问题，你为什么入坑？因为工资高？福利待遇好？别人都说好？还是自己感兴趣？ 这个问题很重要，如果你对这个行业只是 阅读全文

摘要： 前言 以前安装依赖包会使用 npm install, 但因服务器在国外，所以下载速度不稳定，总体比较慢。 后来国内就有了淘宝镜像 cnpm, 安装依赖速度很快，因为服务器在国内 npm install -g cnpm --registry=https://registry.npm.taobao.or 阅读全文

摘要： element-ui官网：https://element.eleme.cn/#/zh-CN/component/installation 安装 npm install element-ui -S 不太清楚这里为什么是 -S 的朋友可以看看我的这篇文章 npm install -D 和 - S，--s 阅读全文

摘要： 前言 用过 npm 安装各种包的小伙伴肯定对下面安装命令烂熟于心 npm install '要安装的包' -S npm install '要安装的包' -D npm install '要安装的包' --save npm install '要安装的包' --save-dev 但我很早以前就有个疑问，它 阅读全文

摘要： 前言 echarts4 官网：https://echarts.apache.org/v4/zh/option.html#series-scatter.coordinateSystem echarts5 官网：https://echarts.apache.org/ echarts-liquidfill 阅读全文

摘要： 前言 我们都知道，toLocaleString() 本身的用途是，根据本地时间把 Date 对象转换为字符串，返回值为字符串形式的日期和时间，如下图， 实际上，它还有一个很多人不知道的妙用，可以将数字变成千分位格式，如下图红色框部分 本身要实现上面数值千分位的效果还是比较麻烦的，但使用 toLoca 阅读全文

摘要： 当你在实际项目开发中，遇到需要把 Number 转为 Sting 类型时，可以采取下面 3 种方法： 首先定义一个变量：let num = 666; 1. ES6 模板字符串 `${num}` 2. JS 隐式类型转换 '' + num 3. String() 构造函数 String(num) 有需 阅读全文

摘要： echarts4 官网：https://echarts.apache.org/v4/zh/option.html#series-scatter.coordinateSystem echarts5 官网：https://echarts.apache.org/ echarts-wordcloud 词云图 阅读全文

摘要： 最近遇到一个报错，如下图 提示让我安装 default-passive-events，而我之前为了祛除谷歌浏览器控制台警告，已经安装并引入了 default-passive-events 谷歌浏览器消除Passive Event Listeners（被动事件警告）的方法 但没过多久又提示我安装，网上 阅读全文

摘要： 前言 eslint 是什么? 一个用来识别 javascript 语法规则和代码风格的检查工具, 以避免一些如拼写或语法错误等低级错误的发生，并统一代码风格 但在实际开发中，可能总是遇到一些莫名的报错，这跟个人编码习惯也有一定关系，因为 eslint 有着严格的规范。 通常有 4 个常见的报错，有时 阅读全文

摘要： 前言 如果在使用 vue 开发项目时，谷歌浏览器的控制台出现了下图警告： 已将非被动事件侦听器添加到滚动阻止'touchstart‘事件中。请考虑将事件处理程序标记为’被动‘，以使页面更具响应性 原因是：Chrome 增加了新的事件捕获机制 Passive Event Listeners（被动事件侦 阅读全文