隨著前端的不斷發(fā)展坦敌,前端已經(jīng)不僅僅是一個(gè)簡單依據(jù)需求完成網(wǎng)頁開發(fā)的過程,
如何提高網(wǎng)頁開發(fā)效率痢法,提高代碼復(fù)用率,降低塊與塊之間的耦合性是我們需要思考的問題杜顺,
而前端的組件化财搁、模塊化讓我們能解決這樣的問題。
組件化更多關(guān)注的UI部分躬络,頁面的每個(gè)部件尖奔,比如頭部,內(nèi)容區(qū),彈出框甚至確認(rèn)按鈕都可以成為一個(gè)組件提茁,每個(gè)組件有獨(dú)立的HTML淹禾、css、js代碼茴扁。
可以根據(jù)需要把它放在頁面的任意部位铃岔,也可以和其他組件一起形成新的組件。一個(gè)頁面是各個(gè)組件的結(jié)合峭火,可以根據(jù)需要進(jìn)行組裝毁习。
而模塊化側(cè)重的功能的封裝,主要是針對(duì)Javascript代碼卖丸,隔離纺且、組織復(fù)制的javascript代碼,將它封裝成一個(gè)個(gè)具有特定功能的的模塊稍浆。
模塊可以通過傳遞參數(shù)的不同修改這個(gè)功能的的相關(guān)配置载碌,每個(gè)模塊都是一個(gè)單獨(dú)的作用域,根據(jù)需要調(diào)用衅枫。
一個(gè)模塊的實(shí)現(xiàn)可以依賴其它模塊
0A????O??