一、vue-router组件懒加载:
在网站加载时会自动解析需要加载哪个 chunk,但是单看请求首屏速度的话会快很多
二、template:
循环数组加上:key,避免报错。
三、代码规范:
eslint:代码风格优化,比如缩进,分号,空格,注释
typescript:js类型检查
四、动态菜单:
目前菜单信息是一个固定的数组,动态菜单可以做用户的权限控制
五、公共组件封装、减少重复代码:
a) 分页:遗留问题处理
b) toast:消息通知统一
c) loading:遗留问题,接口请求增加loading,提高用户体验。
d) 除了element-ui外,封装自己的UI组件
六、命名规范:
变量命名:
小驼峰,语义化,避免单个字母
自定义方法命名:
动宾短语(good:jumpPage、openCarInfoDialog)(bad:go、nextPage、show、open、login)ajax 方法以 get、post 开头,以 data 结尾(good:getListData、postFormData)(bad:takeData、confirmData、getList、postForm)
事件方法以 on 开头(onTypeChange、onUsernameInput)init、refresh 单词除外
尽量使用常用单词开头(set、get、open、close、jump)
驼峰命名(good: getListData)(bad: get_list_data、getlistData)
class命名:
烤串式 如 icon-delete app.vue里有一些公共样式 如弹窗和阴影 ,红色绿色的样式
文件名:_
如icon_delete.png
vue组件:
大驼峰 如 CreateActivity.vue
七、图片管理:
删除不用的图片、压缩大图、小图标做成雪碧图
八、api统一管理:
封装请求方法,将原来的接口请求统一更改