weixin_43837268的博客

1、使用谷歌浏览器插件pageSpeed分析 获取项目中需要优化的点和建议 2、BundleAnalyzerPlugin分析项目中文件 针对文件进行优化 3、使用lighthouse分析 网页的等待进程分析 4、使用coverage分析 页面加载过程切片分析 ...

主要从三个方面 Vue 代码层面的优化； webpack 配置层面的优化； 基础的 Web 技术层面的优化。 一、代码层面的优化 1.1、v-if 和 v-show 区分使用场景 v-if是真正的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。 v-show就简单得多， 不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 ...