vue项目优化包含:代码、webpack打包、资源、模式

本文分享了Vue项目的优化技巧,包括代码优化(如v-if/v-show选择,计算属性与方法,v-for与key,路由懒加载等)、webpack打包优化(如插件压缩代码,gzip压缩,图片压缩,公共文件抽离)和资源管理(如CDN引入,图片转base64)。还提及了服务端渲染(SSR)和静态网页生成(SSG)以提升性能。
摘要由CSDN通过智能技术生成


前言(废话,可不看)

提示:这里可以添加本文要记录的大概内容:

学习前端也有一段时间了,虽然不算长,但好像前端开发的的确确是卷起来了。什么大前端、工程化思想之类的,听着一愣一愣的,但就浅浅分析和研究下,似乎这些都是选择了这条职业道路之后必然要面临的东西,只是比以往来得更早罢了。这波分享一下最近看各种blog和教学视频学到的关于项目优化的知识(代码方面webpack打包方面资源方面模式方面)。


一、代码方面

1. v-if 和v-show的选择(if比show开销要大)
2. computed和method区分使用场景
3. v-for遍历为item添加key并保证唯一性
4. 页面路由按需懒加载(个人习惯用函数的方式)
5. 定时器销毁
6. 用完对象把指针置空(obj = null)
7. 使用keep-alive缓存路由页面/组件
8. 使用防抖、节流(lodash有,不过一般自己封装一个也可以,建议前后端都要做)
9. 把具有普适性的模

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值