筆記 前端需要了解的模塊化知識

什麼是模塊化?

模塊化就是爲了減少系統耦合度,提高高內聚,減少資源循環依賴,增強系統框架設計;讓開發者便於維護,同時也讓邏輯相同的部分可複用;模塊化開發:針對js、css,以功能或業務爲單元組織代碼。js方面解決獨立作用域、依賴管理、api暴露、按需加載與執行、安全合併等問題,css方面解決依賴管理、組件內部樣式管理等問題。

模塊化的過程

第一步,將整個系統按功能、格式、加載順序、繼承關係分割爲一個一個單獨的部分;
第二步,將功能或特徵相似的部分組合在一起,組成一個資源塊。將每個資源塊按找需求,功能場景以及目錄約束放到固定的地方以供調用。

實現模塊化的方式

  1. 立即執行函數
  2. AMD 和 CMD
  3. CommonJS
  4. ES Module
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章