前端的模塊化和組件化的理解


在前端開發中為了提高網頁的開發效率,提高代碼的復用率,同時降低塊與塊之間的耦合性。

產生了組件化、模塊化讓我們解決問題的方法

    組件化更多關注的是UI部分,比如頭部,內容區,彈出框甚至確認按鈕都可以成為一個組件,每個組件有獨立的HTML、css、js代碼。

    我們可以把他放在頁面的任意部分,也可以和其他組件一起組成新的組件,一個頁面是各個組件的結合,可以根據需要進行組裝。

    而模塊化側重的功能的封裝,主要是針對Javascript代碼,隔離、組織復制的javascript代碼,將它封裝成一個個具有特定功能的的模塊,有了模塊,我們就可以更方便地使用別人的代碼,想要什么模塊就加載什么模塊,但是模塊開發遵循一定的規范,及ADM規范和CMD規范。

注釋:

AMD規范:”異步模塊定義“的意思,采用的是異步加載模塊,模塊的加載不影響后面語句的運行,所有依賴這個模塊的語句,都定義在一個回調函數中,等到加載完成之后,這個回調函數才會運行

CMD規范:CMD 即Common Module Definition通用模塊定義,CMD規范是國內發展出來的,同時,CMD是在SeaaJS推廣的過程中形成的,CMD和AMD要解決的都是同個問題,在使用上也都很像,只不過兩者在模塊定義方式和模塊加載時機上有所不同。

    模塊可以通過傳遞參數的不同修改這個功能的的相關配置,每個模塊都是一個單獨的作用域,根據需要調用。

一個模塊的實現可以依賴其它模塊。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM