关于vue中优化的方式

1.关于长列表性能优化

 对列表不需要进行其他操作只需要进行展示的,不需要对数据进行响应式的处理提高渲染速度,使用 Object.freeze() 冻结一个对象,该方法冻结的对象不能被修改;即不能向这个对象添加新属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修改已有属性的值,以及该对象的原型也不能被修改

2.v-for不能同时使用v-if(在计算属性中进行过滤),v-for加上唯一标识key

3.第三方插件按需导入

4.避免尽量直接操作DOM元素

5.路由懒加载、图片懒加载

6.使用精灵图(雪碧图)

7.使用keep-alive缓存页面

8.在事件beforeDestroy或者destroyed销毁阶段将定时器以及事件监听进行清除

9.服务器端渲染 (SSR) 有利于SEO,使用nuxt.js框架

10.使用v-show来控制DOM

11.对输入框进行防抖操作,以及滚动事件进行节流操作

更多方案可以参考:掘金

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值