1.使用vuex状态管理,将全局组件的共享状态抽取出来为一个store;组件中通过computed获取状态;mutation负责同步任务,action负责异步任务
2.配置路由懒加载
3.封装axios,AIP统一管理,方便维护;保证API接口安全性,加token标识身份;使用请求拦截器,响应拦截器
4.webpack配置alias别名简化路径,开启gzip压缩
5.element组件按需引入,echarts按需引入
6.抽离公共代码,模块化,组件化,隔离作用域,避免变量冲突;组件动态加载,对于不在当前视窗的组件先不加载,使用keep-alive缓存
7.组件样式不互相污染,style标签加scoped属性;使用less的变量和嵌套特性
8.代码书写注意v-if和v-show,computed和watch的区别使用场景,列表渲染输出使用key
9.使用let,const声明变量,使用箭头函数
10.使用async await解决异步回调
11.防抖节流
12.vue渲染大量数据使用虚拟列表,无限下拉刷新或者做分页,增加加载动画,图片懒加载
13.页面长时间未操作超时退出到登录页
相关文章
- 02-06前端性能优化----yahoo前端性能团队总结的35条黄金定律
- 02-06想学习前端了,搭建 vue
- 02-06vue长列表性能优化
- 02-06vue脚手架搭建的本地项目如何远程调试
- 02-06vue-cli4脚手架搭建三
- 02-06前端性能优化之样式预加载
- 02-06前端性能优化之图片优化
- 02-06前端性能优化之图片优化
- 02-06前端性能优化学习笔记——网络篇
- 02-06前端性能优化之图片优化方法论(依据京东首页分析学习)