前端代碼重構主要有下面幾點

一、刪除無用代碼，精簡代碼

1、刪除無用的css和javascript,刪除javascript中已經(jīng)無用的方法

二、前端代碼規(guī)范

1、把頁面中內(nèi)聯(lián)樣式及頭部樣式提取到單獨的css文件中
2、調(diào)整代碼的縮進
3、更改標注已經(jīng)不支持的標簽如:<b>
4、在javascript中減少全局變量的使用，縮小變量的作用域
5、整理基礎類庫,減少因為版本的問題造成多個文件

三、前端代碼模塊化

1、按模塊歸類css代碼與js代碼，放到模塊對應的文件夾中
2、按模塊分離js代碼，定義不同的命名空間
3、細化模塊分類
4、解耦可視化庫和Vue/Vuex
5、編寫可維護性高的代碼

四、提高頁面加載性能

1、將不影響首頁展現(xiàn)的javascript文件延遲到頁面加載后加載
2、刪除頁面中初始隱藏的區(qū)域
3、javascript改為按需加載
4、圖片的懶加載
5、調(diào)整css和js的引用順序
6、給靜態(tài)文件設置緩存
7、加載CDN上的文件
8、圖片合并