M_Jin的博客

最近为了实现**移动端-手势放大缩小DOM元素又能滚动拖拽**的功能，找来找去，发现了一个非常好用的插件**Easyscroller**，总算是满足我的业务需求！！！发现用的人好像不是很多，所以发个博客向大家介绍介绍！！Github地址↓↓↓https://github.com/ulesta/easyscrollerNPM地址↓↓↓https://www.npmjs.com/package/easyscroller先看一下官网的效果，看一下能不能满足大家的需求~github上面有这...

css样式初始化 normalize在vue中使用1、Normalize.css只是一个很小的css文件，但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。总之，Normalize.css是一种CSS reset的替代方案。2、作用： 保护有用的浏览器样式而不是去掉他们。...

$forceUpdate官网的定义是——迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。

这是因为package-lock.json里面的har-validator包的5.1.2版本在npm上已经不存在了。我们可以上npm官网上查一下这个包，果然如图，不见了！解决方法：由于package-lock.json无法直接修改文件生效。因此我们只能删掉package-lock.json文件。然后重新npm install,生成新的package-lock.json文件。更新后的...

编码优化、加载优化、用户体验优化、SEO优化、打包优化、缓存压缩

因为如果不采用异步更新，那么每次更新数据都会对当前组件进行重新渲染。所以为了**性能考虑**，Vue会在本轮数据更新后，再去异步更新视图。

当用户指定了watch中的deep属性为true时，如果当前监控的值是数组类型，会对对象中的每一项进行求值，此时会将当前的watcher存入到对应属性的依赖中，这样数组中对象发生变化时，也会通知数据更新。

组件的调用顺序都是先父后子，渲染完成都是先子后父。 组件的销毁操作都是先父后子，销毁完成都是先子后父。

一般情况下，都放在mounted中，保证逻辑的统一性。因为生命周期是同步执行的，ajax是异步执行的。

【 学习探索过程中记下的点点笔记，以供分享，欢迎大家一起学习探讨～如有雷同可附链接，谦虚学习！】Vue中如何检测数据的变化使用函数劫持的方式，重写了数组的方法；Vue将data中的数组，进行了原型链的重写，指向自己定义的数据原型的方法，这样当调用数组API时，可以通知依赖更新，如果数组中包含着引用类型，会对数组中的引用类型再次进行监控。...

1. Vue3.0采用TypeScript来编写； 2. 支持CompositonAPI； 3. Vue3.0中响应式数据原理改成proxy（提升性能）； 4. vdom的对比算法更新，只更新vdom的绑定动态数据的部分；等。

Vue的事件分为2种，一种是原生事件绑定，还有一种是组件的事件绑定。 1. 原生dom事件的绑定，采用的是addEventListener实现； 2. 组件绑定事件采用的是$on方法（可用$event触发）。原生dom事件的绑定，采用的是addEventListener实现；组件绑定事件采用的是on方法（可用on方法（可用on方法（可用event触发）。...

$nextTick用于下次Dom更新循环结束之后执行延迟回调，在修改数据之后使用$nextTick,则可以在回调中获取更新后的DOM。

v-for的优先级比v-if高一些。如果连用会把v-if给v-for遍历出来的每一个元素都添加一下，容易造成性能浪费！

keep-alive是一个**抽象组件**，它是Vue的内置组件。keep-alive可以**实现组件的缓存**，当组件切换时不会对当前组件进行卸载

1. mutation是同步更新数据（内部会进行是否为异步方式更新数据的检测）； 2. action异步操作，可以获取数据后调用mutation 提交最终数据。

父传子用props，子传父用$on、$emit（发布订阅）；

这是为了避免组件间的数据相互影响。

这是为了解决“就地复用”的问题，防止修改列表时出现BUG。