关于前端代码重构注意的几个点

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

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

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