隨着前端的不斷發展,前端已經不僅僅是一個簡單依據需求完成網頁開發的過程,
如何提高網頁開發效率,提高代碼復用率,降低塊與塊之間的耦合性是我們需要思考的問題,
而前端的組件化、模塊化讓我們能解決這樣的問題。
組件化更多關注的UI部分,頁面的每個部件,比如頭部,內容區,彈出框甚至確認按鈕都可以成為一個組件,每個組件有獨立的HTML、css、js代碼。
可以根據需要把它放在頁面的任意部位,也可以和其他組件一起形成新的組件。一個頁面是各個組件的結合,可以根據需要進行組裝。
而模塊化側重的功能的封裝,主要是針對Javascript代碼,隔離、組織復制的javascript代碼,將它封裝成一個個具有特定功能的的模塊。
模塊可以通過傳遞參數的不同修改這個功能的的相關配置,每個模塊都是一個單獨的作用域,根據需要調用。
一個模塊的實現可以依賴其它模塊。