什麼是模塊化?
模塊化就是爲了減少系統耦合度,提高高內聚,減少資源循環依賴,增強系統框架設計;讓開發者便於維護,同時也讓邏輯相同的部分可複用;模塊化開發:針對js、css,以功能或業務爲單元組織代碼。js方面解決獨立作用域、依賴管理、api暴露、按需加載與執行、安全合併等問題,css方面解決依賴管理、組件內部樣式管理等問題。
模塊化的過程
第一步,將整個系統按功能、格式、加載順序、繼承關係分割爲一個一個單獨的部分;
第二步,將功能或特徵相似的部分組合在一起,組成一個資源塊。將每個資源塊按找需求,功能場景以及目錄約束放到固定的地方以供調用。
實現模塊化的方式
- 立即執行函數
- AMD 和 CMD
- CommonJS
- ES Module