热门

最新

红包

立Flag

投票

同城

发布
weixin_47095569
记录小作文
3 年前
trueweixin_47095569

Tree shaking
是一种通过清除多余代码方式来优化项目打包体积的技术，专业术语叫 Dead code elimination
Tree-shaking是基于ES6模板语法（import与exports），主要是借助ES6模块的静态编译思想，在编译时就能确定模块的依赖关系，以及输入和输出的变量，Tree shaking无非就是做了两件事：
1 编译阶段利用ES6 Module判断哪些模块已经加载
2 判断那些模块和变量未被使用或者引用，进而删除对应代码
评论
点赞
打赏
  • 复制链接
  • 举报
下一条：
vue3相比较vue2做了哪些性能提升 1 源码体积：vue3整体体积变小，除了移除不常用的API,引入webpack的tree shaking 任何一个函数，仅仅用到的时候才打包，没有用到的会移除 2 响应式系统 vue2中采用defineProperty来劫持整个对象，然后进行深度遍历所有属性，给每个属性添加getter和setter，实现响应式 vue3采用proxy重写了响应式系统，因为proxy可以对整个对象进行监听，所以不需要深度遍历 可以监听动态属性的添加 可以监听到数组的索引和数组length属性 可以监听删除属性3 编辑阶段，diff算法优化、静态提升、事件监听缓存