在前端開發中為了提高網頁的開發效率,提高代碼的復用率,同時降低塊與塊之間的耦合性。
產生了組件化、模塊化讓我們解決問題的方法
組件化更多關注的是UI部分,比如頭部,內容區,彈出框甚至確認按鈕都可以成為一個組件,每個組件有獨立的HTML、css、js代碼。
我們可以把他放在頁面的任意部分,也可以和其他組件一起組成新的組件,一個頁面是各個組件的結合,可以根據需要進行組裝。
而模塊化側重的功能的封裝,主要是針對Javascript代碼,隔離、組織復制的javascript代碼,將它封裝成一個個具有特定功能的的模塊,有了模塊,我們就可以更方便地使用別人的代碼,想要什么模塊就加載什么模塊,但是模塊開發遵循一定的規范,及ADM規范和CMD規范。
注釋:
AMD規范:”異步模塊定義“的意思,采用的是異步加載模塊,模塊的加載不影響后面語句的運行,所有依賴這個模塊的語句,都定義在一個回調函數中,等到加載完成之后,這個回調函數才會運行
模塊可以通過傳遞參數的不同修改這個功能的的相關配置,每個模塊都是一個單獨的作用域,根據需要調用。
一個模塊的實現可以依賴其它模塊。