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