摘要：
1. 在样式中使用绝对路径 css,less,sass使用~表示绝对路径，如下： @import "~otherfile.scss" .yourClass { background: url('~img/wallpaper.png'); } 2. 在js中使用绝对路径 js中使用绝对路径，不能带波浪 阅读全文
摘要：
1. gulp.dest 会自动创建目录 gulp.dest(dir)，若dir不存在，gulp会自动创建它 2. gulp.src copy具名路径(即不子目录**的路径)的文件，不会保留文件夹路径 如上，将user.js拷贝到dist，会形成如下结构 dist user.js 若要保留路径，即形 阅读全文
摘要：
今天新初始的项目遇到这个问题，记录如下： 1. 这个错误与全局安装webpack-dev-server无关，不必进行全局安装 2. 原因可能是： npm或yarn安装包(当前项目)，安装中报错，例如node-sass安装时报错，导致后续包没有安装，包括webpack，webpack-dev-serv 阅读全文
摘要：
直接修改数组元素是无法触发视图更新的，如 this.array[0] = { name: 'meng', age: 22 } 修改array的length也无法触发视图更新，如 this.array.length = 2; 触发视图更新的方法有如下几种 1. Vue.set 可以设置对象或数组的值， 阅读全文
摘要：
工厂的作用就是生产实例，但其与构造函数不同。工厂是用来生产多种类型实例的。例如，麦当劳可以生产汉堡，薯条和可乐，再例如，美的可以生产冰箱，洗衣机，和空调等。工厂生产的产品必须要用相关性，属于一个产品族或者属于多个相近的产品族。 工厂模式分为三种，分别是 1. 简单工厂，通过switch语句根据产品标 阅读全文
摘要：
通过chrome的Perfermance工具记录程序性能，切换到帧模式，点开其中一帧，看详情，中间为紫色的区块代表Layout，右上角带有红色三角的为警告，是chrome告知的强制同步布局，即FSL。点击这个区块，可以看到下面的面板中有详细信息，有函数调用栈，可以看到哪一行触发了FSL，点击其中的链 阅读全文
摘要：
1.耦合 一个模块依赖于另一个模块，就是两个模块之间有耦合，简而言之，依赖就是耦合 模块间的耦合度是指模块之间的依赖关系，包括控制关系、调用关系、数据传递关系。模块间联系越多，其耦合性越强，同时表明其独立性越差。降低模块间的耦合度能减少模块间的影响，防止对某一模块修改所引起的“牵一发动全身”的水波效 阅读全文
摘要：
RAIL 是一种以用户为中心的性能模型。每个网络应用均具有与其生命周期有关的四个不同方面，且这些方面以不同的方式影响着性能： TL;DR 以用户为中心；最终目标不是让您的网站在任何特定设备上都能运行很快，而是使用户满意。 立即响应用户；在 100 毫秒以内确认用户输入。 设置动画或滚动时，在 10 阅读全文
摘要：
遇到如下错误： v-model does not support dynamic input types 解决方法： vue 2.5.0以上，支持动态绑定 vue 2.5.0以下，可以使用v-if来做 出处：https://stackoverflow.com/questions/44461188/v 阅读全文
摘要：
{ "presets": [ ["env", { // webapck2/3必须配置，放弃使用babel的模块化，使用webpack的模块化，webpack1不需要此配置 "modules": false, // 需要支持的环境，可选入： chrome, edge, 也可以node:6.5 ，node... 阅读全文