jquery中模塊化和組件化的區別：1、模塊化是將分屬同一功能/業務的代碼隔離（分裝）成獨立的模塊；而組件化是把重復的代碼提取出來合并成為一個個組件。2、模塊之間有依賴的關系，可通過路由器進行模塊之間的耦合問題；而組件之間低依賴，比較獨立，每個組件單獨提出來也能正常使用，有很高的重用性。

本教程操作環境：windows7系統、jquery3.6.0版本、Dell G3電腦。

jquery中模塊化和組件化的區別

看圖哈 關系以及映射關系

1、什么是組件化和模塊化

組件：把重復的代碼提取出來合并成為一個個組件，組件最重要的就是重用（復用），位于框架最底層，其他功能都依賴于組件，可供不同功能使用，獨立性強。

模塊：分屬同一功能/業務的代碼進行隔離（分裝）成獨立的模塊，可以獨立運行，以頁面、功能或其他不同粒度劃分程度不同的模塊，位于業務框架層，模塊間通過接口調用，目的是降低模塊間的耦合，由之前的主應用與模塊耦合，變為主應用與接口耦合，接口與模塊耦合。

2、組件化和模塊化的區別

組件：就像一個個小的單位，多個組件可以組合成組件庫，方便調用和復用，組件間也可以嵌套，小組件組合成大組件。

組件之間低依賴，比較獨立，每個組件單獨提出來也能正常使用，很高的重用性

模塊：就像是獨立的功能和項目（如淘寶：注冊、登錄、購物、直播…），可以調用組件來組成模塊，多個模塊可以組合成業務框架。

模塊之間有依賴的關系，可通過路由器進行模塊之間的耦合問題。

3、為什么要使用組件化和模塊化？

• 開發和調試效率高：隨著功能越來越多，代碼結構會越發復雜，要修改某一個小功能，可能要重新翻閱整個項目的代碼，把所有相同的地方都修改一遍，重復勞動浪費時間和人力，效率低；使用組件化，每個相同的功能結構都調用同一個組件，只需要修改這個組件，即可全局修改。

• 可維護性強：便于后期代碼查找和維護。

• 避免阻斷：模塊化是可以獨立運行的，如果一個模塊產生了bug，不會影響其他模塊的調用。

• 版本管理更容易：如果由多人協作開發，可以避免代碼覆蓋和沖突。

下面來總結一下本文內容：

組件：把重復的代碼提取出來合并成為一個個組件，組件最重要的就是重用（復用）

模塊：分屬同一功能/業務的代碼進行隔離（分裝）成獨立的模塊，可以獨立運行，獨立管理，每個模塊有很多接口，可供調用

組件化模塊化優點：開發調試效率高、可維護性強、避免阻斷、版本管理更容易