vue项目做过哪些优化
（1）代码层面的优化
v-if 和 v-show 区分使用场景
computed 和 watch 区分使用场景
v-for 遍历必须为 item 添加 key，且避免同时使用 v-if
长列表性能优化
事件的销毁 addEventlisenter 事件监听
图片资源懒加载
路由懒加载
第三方插件的按需引入
优化无限列表性能
服务端渲染 SSR or 预渲染
（2）Webpack 层面的优化
Webpack 对图片进行压缩
减少 ES6 转为 ES5 的冗余代码
提取公共代码
模板预编译
提取组件的 CSS 优化 SourceMap
构建结果输出分析 Vue 项目的编译优化
（3）基础的 Web 技术的优化
开启 gzip 压缩
浏览器缓存 CDN 的使用
使用 Chrome Performance
查找性能瓶颈
相关推荐HOT
更多>>
十个常用的自定义过滤器
（1）去除空格type:1-所有空格2-前后空格3-前空格4-后空格。（2）任意格式日期处理（3）字母大小写切换type:1:首字母大写2：首页母小写3：大小...详情>>
2023-05-24 18:44:20
Access数据库介绍
一、Access数据库介绍 Access数据库是微软公司开发的一种关系型数据库管理系统,最初发布于1997年。它属于桌面数据库,主要用于个人和小...详情>>
2023-05-10 09:37:16
vue等单页面应用及其优缺点
效果会比较炫酷（比如切换页面内容时的专场动画）。导航不可用，如果一定要导航需要自行实现前进、后退。（由于是单页面不能用浏览器的前进后退...详情>>
2023-04-25 10:00:20
项目中的性能优化
keep-alive：缓存的组件的状态，切换组件的时候减少请求（结合实际） 组件销毁的时候， 将绑定的window等相关的事件取消监听，防止内存泄露...详情>>
2023-04-11 16:46:17
京公网安备 11010802030320号