1. 沒有模塊化的時代 在JS沒有模塊化標准的時代，如果存在以下依賴關系： main.js -> b.js -> a.js 那么我們必須把js文件的順序按照模塊的依賴關系順序放到頁面中(簡單的舉例，不考慮循環依賴等復雜情況) 我們需要提前加載好所有的依賴。 這種方式 ...

ESM（ECMA Script Modules） AMD： 異步模塊定義，我們引用 js文件都是使用 script標簽來引用的，這種通常情況下都是異步引用，我們一般在網絡中引用文件，引用完之后才能進行解析和運行。我們請求一個模塊也是一樣，如果這個模塊返回的時間 ...

模塊化 含義 模塊化： 模塊化就是將單個文件當成一個模塊，在日常項目開發里面我們不會將所有邏輯寫在一個文件里面，不管是css還是js。原因是這樣會導致單個文件過大，無法實現復用和維護，所以我們會將文件進行切割分離，這樣分離獨立出來的每一個文件都是一個模塊。 css的模塊化 ...

一、為什么需要模塊化？ 　　 代碼量驟增 => 分治管理的剛性需求 二、模塊化方案需解決什么問題？ 模塊化要實現兩個東西：模塊加載與模塊封裝。面臨的具體問題包括： 1、如何定義模塊以確保模塊的作用域獨立，避免命名沖突？ 2、如何管理 ...

一、CommonJS特點 ​ 經過前面討論，已經知道無模塊化時項目中存在的問題。CommonJS的特點就是解決這些問題即： ​ 1.每個文件都是一個單獨的模塊，有自己的作用域，聲明的變量不是全局變量(除非在模塊內聲明的變量掛載到global上) ​ 2.每個文件中的成員都是私有的，對外不可 ...

1.概念 　　　　將一個復雜的程序依據一定的規則(規范)封裝成幾個塊(文件), 並進行組合在一起 　　　　塊的內部數據與實現是私有的, 只是向外部暴露一些接口(方法)與外部其它模塊通信 2.模塊化的發展進程 　　　　1.全局function模式 : 將不同的功能封裝成不同的全局函數 ...

在前端開發中為了提高網頁的開發效率，提高代碼的復用率，同時降低塊與塊之間的耦合性。 產生了組件化、模塊化讓我們解決問題的方法 組件化更多關注的是UI部分，比如頭部，內容區，彈出框甚至確認按鈕都可以成為一個組件，每個組件有獨立的HTML、css、js代碼。 我們可以把他放在頁面 ...

隨着前端的不斷發展，前端已經不僅僅是一個簡單依據需求完成網頁開發的過程， 如何提高網頁開發效率，提高代碼復用率，降低塊與塊之間的耦合性是我們需要思考的問題， 而前端的組件化、模塊化讓我們能解決這樣的問題。 　　組件化更多關注的UI部分，頁面的每個部件，比如頭部，內容區，彈出框甚至確認按鈕 ...