比如有乙個ps設計稿index.html我們劃分了header 模組( a負責) footer模組 ( b負責)aside模組( c負責)...。 多人協作時可以同時簽出這個檔案並行開發。 合併後就是乙個完整的index.html頁 面。寫好html的loayout框架後剩下的工做就是填充模組，模組與模組間是相對獨立。為了保證頁面各個模組**風格一致,團隊可以事先制定開發規範和注釋規範，來使頁面看起來像是乙個人開發的。
如果協作成員水平參差不齊這個頁面中模組的質量如何保證？如果認為aside模組( c負責) 的模組有冗餘可以建議讓他進行重構，指出他的不足一方面能使他進步，另一方面可以提公升團隊整體水平。這裡說的模組重構不是說顛覆性的模組重寫而是在不影響當前模組正常工作的前提下,做的一點一滴的好的改動，不必每次做很大的改動，通過重構一點點演化得到高質量的**。
這種協作方式使得參與開發的同學對專案了解不僅侷限於自己做的模組，通過模組的持續整合可以很容了解到同伴做了東西能夠對專案的全域性足夠的熟悉。加上事先約定開發規範和注釋以後可以方便修改非自己參與其他模組。 當然決定採用某中未採用過的方式時可以稱為嘗試，也可以稱為創新。
前端模組化
前端模組化解決什麼問題？有了模組，我就可以很方便的使用別人的 想要什麼功能，就用載入什麼模組。但是，這樣做需要有乙個前提，那就是大家必須以同樣的方式編寫模組，否則就亂套了。所以組內需要有一套統一的模組規範。如何實現模組？1 物件字面量的變體 2 js設計模式的模組模式 3 採用成熟的庫檔案。前兩種方...
前端模組化
定義 具有相同屬性和行為的事物的集合 在前端中 將一些屬性比較類似和行為比較類似的內容放在同乙個js檔案裡面，把這個js檔案稱為模組 目的 為了每個js檔案只關注與自身有關的事情，讓每個js檔案各行其職 模組化 指的就是遵守commonjs規範，解決不同js模組之間相互呼叫問題 commonjs a...
前端模組化
當多人開發同一專案時，很容易就會產生命名衝突的問題，尤其是js檔案，任何的js引入順序的打亂都可能導致專案執行失敗，為了解決命名衝突的問題，在es6之前，可以使用函式閉包來解決這個問題。即可能像這樣 function 這樣雖然可以解決命名衝突的問題，但也使得 的復用性變得極差，因為其它的檔案將無法再...