1.先创建一个工具组件 EllipsisTooltipimport React, { PureComponent } from 'react'import PropTypes from 'prop-type ...

JavaScript 是对初学者比较友好的一门编程语言，基本上花个半小时看下语法就能写出能运行的代码。JavaScript 是动态脚本语言，对数据类型没有太多的限制，写起来非常灵活。但正因为如此，初学者如果不深入了解语言本身，往往会犯一些错 ...

@vue/cli 脚手架 简介 脚手架 是一个工具 脚手架 帮助我们 创建一个基本的项目结构 1. @vue/cli 脚手架 的 安装 【只需要安装一次】 npm i -g @vue/cli 2. 使用 脚手 ...

昨天看了一道面试题，说如何管理 CSS 代码；它谈到了君子协定BEM 规范（然后楼主就说自己马上就拿到 offer 了?）。但是，BEM 规范说实在已经不够接地气了，现代 CSS 开发的基调是模块化。这期就借此谈谈在 vue 项目中管理 C ...

前端开发中，对要提交的表单数据进行校验是很常见的需求，有开源的基于框架的数据校验库，也有组件库内置的校验功能，这里介绍的是一种脱离框架、组件的独立数据校验思路。 我们团队的 Vue 项目比较多，先看下这一块的数据校验方案： vuelidat ...

之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。 第一种操作 Dom引入js： export default { mounted() { ...

何时使用prototype 已经声明一个方法，你想让所有这个方法的对象实例都能继承这个方法的属性，那你可以使用prototype。例如： function Person (props){ this.age = props.age | ...

Ts之初体现 最近公司项目没有那么忙了，有看到微软出手的Ts这个语言大热，很受开发者的热爱，看来这家伙有过人之处，所以啊，就学习一下Ts在Vue里面的应用，未雨绸缪。作为it开发者，一定要保持不断学习的状态，不然很容易咔嚓的。这个行业有个好 ...

对象类型在赋值的过程中其实是复制了地址，这样会导致一方改变的时候其他地方也都会被改变的情况 例： let a = { age: 1 } let b = a; a.age = 2; console.log(b.age); // 2 ...

Redux is a predictable state container for JavaScript apps. 本文的代码可以在CodeSandbox中查看。 Redux是React经常用到的一个数据状态管理器（状态机），它将应用 ...