前端代码重构主要有下面几点
一、删除无用代码,精简代码
1、删除无用的css和javascript,删除javascript中已经无用的方法
二、前端代码规范
1、把页面中内联样式及头部样式提取到单独的css文件中
2、调整代码的缩进
3、更改标注已经不支持的标签如:<b>
4、在javascript中减少全局变量的使用,缩小变量的作用域
5、整理基础类库,减少因为版本的问题造成多个文件
三、前端代码模块化
1、按模块归类css代码与js代码,放到模块对应的文件夹中
2、按模块分离js代码,定义不同的命名空间
3、细化模块分类
4、解耦可视化库和Vue/Vuex
5、编写可维护性高的代码
四、提高页面加载性能
1、将不影响首页展现的javascript文件延迟到页面加载后加载
2、删除页面中初始隐藏的区域
3、javascript改为按需加载
4、图片的懒加载
5、调整css和js的引用顺序
6、给静态文件设置缓存
7、加载CDN上的文件
8、图片合并