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

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

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

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