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