小妮子酱
获得徽章 0
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇沸点
【webpack】
可使用webpack 5 内置的 Asset Modules加载图片、字体资源，无需再额外配置 file-loader或url-loader
可使用webpack 5 内置的 Asset Modules加载图片、字体资源，无需再额外配置 file-loader或url-loader
1
3
赞了这篇沸点
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇沸点
【备忘Q&A】
Q：针对数组和对象的变化，Vue 1.x & 2.x 使用 Object.defineProperty 实现响应式数据的缺点
A：
- 对于对象，不能检测对象属性的添加和删除；
- 若使用Vue.set(object, propertyName, value)将对象转换为响应式的，必须预先知道要拦截的数据的key是什么；
- 对于数组，当利用索引直接设置一个数组项或修改数组的长度时，不能检测到数组的变动；
- 若进行数组更新检测，除$set外，需利用：push()、pop()、shift()、unshift()、splice()、sort()、reverse()来触发视图更新，Vue已将这些方法进行包装重写
- 无法做到每一层对象数据都变成响应式的，因为当嵌套层级过深，数据过于复杂，存在较大的性能负担问题
链接传送门：
cn.vuejs.org
cn.vuejs.org
Q：针对数组和对象的变化，Vue 1.x & 2.x 使用 Object.defineProperty 实现响应式数据的缺点
A：
- 对于对象，不能检测对象属性的添加和删除；
- 若使用Vue.set(object, propertyName, value)将对象转换为响应式的，必须预先知道要拦截的数据的key是什么；
- 对于数组，当利用索引直接设置一个数组项或修改数组的长度时，不能检测到数组的变动；
- 若进行数组更新检测，除$set外，需利用：push()、pop()、shift()、unshift()、splice()、sort()、reverse()来触发视图更新，Vue已将这些方法进行包装重写
- 无法做到每一层对象数据都变成响应式的，因为当嵌套层级过深，数据过于复杂，存在较大的性能负担问题
链接传送门：
cn.vuejs.orgcn.vuejs.org
展开
评论
3
赞了这篇沸点
【备忘API】
window.performance返回页面与性能的相关信息。
计算某段程序执行时间，可利用其中方法：performance.mark()、performance.now()
window.performance返回页面与性能的相关信息。
计算某段程序执行时间，可利用其中方法：performance.mark()、performance.now()
评论
3
赞了这篇文章
赞了这篇沸点
【拷贝】
源对象的某属性为对象（引用类型），使用Object.assign()合并的目标对象，对该属性是浅拷贝，而Lodash 的_.defaultsDeep()，可以深拷贝的合并
源对象的某属性为对象（引用类型），使用Object.assign()合并的目标对象，对该属性是浅拷贝，而Lodash 的_.defaultsDeep()，可以深拷贝的合并
评论
3
赞了这篇沸点
赞了这篇沸点
【Vue备忘】
Vue 2.x会给dom元素添加__vue__属性指向当前组件，因为devtool会使用到
Vue 3.x为dom元素添加__vnode、__vueParentComponent属性，属于不可枚举的
好文传送门：zhuanlan.zhihu.com
![[胜利]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_119.947368f.png)
&![[ok]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_111.b8dc9e6.png)
输出event.target如下
Vue 2.x会给dom元素添加__vue__属性指向当前组件，因为devtool会使用到
Vue 3.x为dom元素添加__vnode、__vueParentComponent属性，属于不可枚举的
好文传送门：
zhuanlan.zhihu.com![[胜利]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_119.947368f.png)
&![[ok]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_111.b8dc9e6.png)
输出event.target如下
展开
评论
1