重構一直都是一個熱門話題，初識時，對它的概念也模糊不清。今天總算是熟悉一點了。所以決定把它說明一下有關的概念和需要注意的地方。

    重構指的是在不改變程式碼外部行為的前提下進行原始碼修改，重構需要注意的是保證外部行為的不改變，對於後臺程式碼來說，可以通過大量的自動化測試來確保重構後的程式碼邏輯。不同的人有不同的編碼風格和規範，哪怕是同一個功能模組同一種邏輯思維。不同的人編碼方式也不盡相同。在具體的專案中，不同模組的程式碼寫在了相同的程式碼檔案中。使得程式碼量過大。檔案過多。由於需求變更頻繁，無用程式碼冗餘。使得執行載入速度變慢，維護困難等。因此，保證重構必要的的程式碼是很重要的。

   重構的過程主要包含一下幾個步驟：

   1、刪除無用的程式碼，精簡程式碼。。。

   2、前端程式碼規範化，除了遵守基本的W3C標準，統一命名規則外，團隊應該有自己的編碼默契，對於檔案的命名整理存放等有約定俗成的規則。邏輯思維可以不一樣但是在編碼中一定要注意統一格式。

3、整理基礎類庫，在開發初期，為了加快進度引入了多個框架，但是如JQuery中重複的功能較多，專案中很多相同的實現實用的是不同類庫中的功能，如DOM選擇，AJAX請求等。選擇性的保留框架。重構的內容是統一UI外掛的使用，統一基礎方法的使用。

4、前端程式碼模組化，按照模組歸類CSS程式碼，按照模組分離JavaScript程式碼，按照模組定義不同的名稱空間。將JavaScript中的公用方法歸類到獨立的共通檔案中，同時引入面向物件的思想來重構JavaScript程式碼，進一步明確公有介面和私有介面。

5、提高頁面的載入效能。將不影響首頁頁面的檔案延遲載入。刪除頁面中初始隱藏的區域，改為JavaScript按需動態生成；頁面的部分圖片延遲載入，調整CSS和JavaScript檔案的引用順序；給靜態檔案設定快取等。

6、重構有風險，重構前需要做好風險評估和應對措施。保證自動化測試，不要冒然進行修改，保證其正確性。效能優化也是需要注重的....