02 2018 档案
摘要:今天新初始的项目遇到这个问题,记录如下: 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...
阅读全文