![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
es6
文章平均质量分 92
青梅煮酒论英雄
你以为的你以为的就是你以为的吗
展开
-
weakMap、weakSet、Reflect 在vue3的应用
weakMap 只接受对象作为键名 键名所引用的对象是弱引用,不可遍历(可能在任何时刻被垃圾回收器回收)利用这一特征,在对数据量很大的时候就可做一部分的优化 例子: Vue3在 检测到哪些数据发生了变化时候用了weakMap。所以当我们需要关联对象和数据,比如在不修改原有对象的情况下储存某些属性或者根据对象储存一些计算的值等,但是又不想管理这些数据的死活时可以考虑使用 WeakMap const targetMap = new WeakMap<any, KeyToDepMap>() expo原创 2020-11-09 15:55:29 · 479 阅读 · 0 评论 -
webpack 性能优化二
Webpack 性能优化(二) 一、使用DllPlugin(动态链接库):将网页依赖的基础模块比如rect,react-dom,vue模块抽离出来,打包到一个个单独的动态链接库中,当业务需要的导入的模块存在链接库中,不会再次打包,而是直接去取, Webpack插件: DllPlugin: 用于打包出一个个单独的动态链接库文件 DllReferencePlugin: 用于在主要的配置文件中引入DllPlugin插件打包好的动态链接库 const path =...原创 2020-07-04 19:46:35 · 152 阅读 · 0 评论 -
webpack 性能优化一
Webpack 性能优化(一) 一、优化开发体验,提高开发效率 1.优化构建速度。如果项目很庞大的时候,构建的耗时会变得很长,每次等待构建的耗时加起来是个很大的数目 2.优化使用体验。通过自动化完成一些重复的工作,让我们更急专注解决问题本身 二、优化输出质量。给用户呈现更好的网页 1.减少首屏加载的时间(白屏和首屏的计算) 2.提升流畅度,也就是代码的性能 缩小文件的搜索范围 (1)根据导入的语句寻找导入的文件 (2)根据导入的文件使用loader去处理文...原创 2020-07-04 19:44:41 · 200 阅读 · 0 评论 -
flex及盒子模型那些事
flex 父元素设置 display: flex flex-direction: row | column | row-reverse | column-reverse flex-wrap: wrap | no-wrap | wrap-reverse flex-flow: column no-wrap justify-content: center | space-between align-it...原创 2020-03-23 15:14:10 · 182 阅读 · 0 评论