本文主要從模塊化的產生背景及對前端模塊的簡單介紹,作為CommonJS,AMD,CMD等規范的引言。
更重要的是,作為本人學習的一份筆記。
什么是模塊化
本人簡單的理解,模塊化就是指把一個個功能獨立開來,需要使用的時候,分別“組裝”這些功能,以達到我們需要的效果。
還是拿熟悉的汽車作比較,汽車早已經將生產模塊化,就是建立幾個平臺,同一平臺下的零件有很多可以通用。比如下圖就是豐田的新平臺TNGA(更多信息,點擊這里)
豐田全新平臺TNGA
這樣我們生產一輛汽車,只需要按照市場需求、開發目標等因素,就可以計劃在某一平臺下生產。而這一平臺很多零件是通用,我們只需要根據車輛需求再進行調教就可以。
汽車價格的降低,品質的穩定,很大程度就是依賴這些平臺的模塊化。
簡圖,原諒我的渣畫工
產生背景&必要性
在網絡發展前期,對于一個網頁,代碼內容比較少,網頁的效果也比較簡單,甚至寥寥數十行代碼便可完成,在這種情況下,模塊化沒有產生的必要。拿畫畫作比較,前期的效果如下圖:
前期的頁面效果
而隨著網絡的快速發展,人們需求的增多,一張網頁需要引入的文件越來越多,代碼也越來越多,這時我們需要作出的效果是這樣的:
現在的效果
所以我們需要引入像汽車產業一樣的模塊化。
模塊化的意義:
簡單地說,有以下:
- 提高代碼的復用性
需要使用某個功能時,我們只需要引入該模塊就可以了,而不必重新造輪子。 - 各個模塊獨立存在
避免命名沖突,提高閱讀性,便于維護,降低耦合。
以上就是模塊化的簡單介紹,接下來的文章將介紹模塊化的主要規范及使用方法。
To be continued...