前段代码重构注意几点

前端代码重构主要有下面几点

一、删除无用代码，精简代码

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、图片合并