- 博客(5)
- 收藏
- 关注
RSS订阅原创 Vue 3.0 性能提升主要是通过哪几方面体现的？
如果属性值为对象，还会递归调用defineproperty使之变为响应式对象。proxy的性能本来比defineproperty好，proxy可以拦截属性的访问、赋值、删除等操作，不需要初始化的时候遍历所有属性，另外有多层属性嵌套的话，只有访问某个属性的时候，才会递归处理下一级的属性。可以监听删除的属性；编译优化 优化编译和重写虚拟dom，让首次渲染和更新dom性能有更大的提升 vue2 通过标记静态根节点,优化 diff 算法 vue3 标记和提升所有静态根节点,diff 的时候只比较动态节点内容。
2023-08-09 14:08:41
80
1
原创 Forof和foreach和forin区别？
优点：便利的时候更加简洁，效率和for循环相同，不用关心集合下标的问题，减少了出错的效率。for of:（可遍历map，object,array,set string等）用来遍历数据，比如组中的值，定义：用于循环遍历数组或对象属性，fot in循环里面的index是string类型的，缺点：不能同时遍历多个集合，在遍历的时候无法修改和删除集合数据，数组的遍历，还可以遍历类似数组的对象，支持字符串的遍历。缺点：某些情况下，会出现随机顺序的遍历，因为里面的值是string类型，所以。
2023-08-08 08:29:13
84
1
原创 vue3.0和vue2.0的区别
<div v-if="visible" class="toast-wrap"> <div class="toast-msg">我是一个 Toast 文案</div> </div>
2023-08-07 10:18:21
88
原创 Vue的性能优化
7. data中的所以数据都会被劫持，所以将数据尽可能扁平化，如果数据只是用来渲染可以使用Object.freeze，可以将数据冻结起来，这样就不会增加getter和setter。1.不要将所有的数据都放在data中，data中的数据都会增加getter和setter，会收集对应的 watcher，这样就会降低性能。5. v-if 当值为false时内部指令不会执行，具有阻断功能，很多情况下使用v-if替代v-show，合理使用if和show。因为组件粒度最细，改组件的数组，它只会渲染当前的组件。
2023-08-04 14:03:56
99
1
原创 Vue常用指令
10、v-bind:class 三种绑定方法 1、对象型 '{red:isred}' 2、三元型 'isred?"red":"blue"' 3、 数组型 '[{red:"isred"},{blue:"isblue"}]';5、v-if 显示与隐藏 ,v-else-if 必须和 v-if 连用 v-else 必须和 v-if 连用 不能单独使用 否则报错模板编译错误;2、v-for 格式：v-for="字段名 in(of) 数组 json" 循环数组或 json 需要注意从 vue2 开始取消了$inde;
2023-08-03 08:24:08
46
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人