最近被“模塊化”纏身，又是文章又是PPT的，被逼著想了很多相關的東西。整理下我這段時間對于“模塊化”的思考，大多都是我自己從事頁面重構這份工作的經驗和理解，在一定程度上存在局限性，也希望自己能溫故而知新。

“模塊化”只是我們對于過去一直使用的技術、方法的一個新潮的稱謂，就像“Ajax”。不過做為頁面重構發展的一種趨勢，越來越被大家重視，不自覺也滿口的“模塊化”，只是你真的理解什么是“模塊化”嗎？

什么是模塊化？
對“模塊化”的解釋，在 CNKI 中就有28種。可見“模塊化”思維使用的廣泛。最接近頁面重構中的“模塊化”，現有的解釋應該就是軟件開發中的解釋了。

先看一下百度詞條是怎么解釋“ ”的：

模 塊化是指解決一個復雜問題時自頂向下逐層把軟件系統劃分成若干模塊的過程。每個模塊完成一個特定的子功能，所有的模塊按某種方法組裝起來，成為一個整體， 完成整個系統所要求的功能。模塊具有以下幾種基本屬性：接口、功能、邏輯、狀態，功能、狀態與接口反映模塊的外部特性，邏輯反映它的內部特性。在軟件的體 系結構中，模塊是可組合、分解和更換的單元。

相關的書籍也蠻多的，有興趣的同學可以搜一下。需要強調一點，我們所借鑒的是一種思維的方式。

頁面制作為什么需要模塊化？
站點內容越來越多、代碼越來越臃腫，漸漸影響到了客戶端的體驗（主要是打開速度），影響到了維護的效率。有什么方法可以解決這些問題呢？

我 們很容易就想到：減少代碼冗余、提高代碼重用率、圖片壓縮等等，而這些要如何實現呢？模塊化思維可以解決，即可以有效減少代碼冗余、提高代碼重用率，更重 要是可以支持到多人維護，降低維護成本。CSS寫法較為靈活，容易產生代碼的耦合，使用模塊化也可以在一定程度上降低耦合度，對于BUG的定位也有幫助。 所以，我們更應該在站點前期就重視并使用“模塊化的思維”編寫站點。

我們之前經常提到的站點性能優化，有相當一部分也是“模塊化”的內容，比如提高代碼重用，提高開發效率等等，“模塊化”的優點還有很多，我大概列了一下：

提高代碼重用率 
提高開發效率、減少溝通成本 
降低耦合 
降低發布風險 
減少Bug定位時間和Fix成本 
提高頁面容錯 
更好的實現快速迭代 
更好的支持灰度發布 
其中最重要的一點，我認為是“提高代碼重用率”，這也是模塊化最重要的特點之一。

如何實現“模塊化”？
這里的主要問題是HTML與CSS的“模塊化”，我們可以看下換膚的實現方法：

同一類名，換文件（JS） 
同一文件，換類名（JS） 
由此可知HTML與CSS的接口實現：

CSS引入的三種方式 
類名 
為 了更好的實現這種接口，需要有相關的（交互、設計、頁面、開發）約定、規則、規范，比如：所有當前狀態都使用同一個類名“nonce”，所有變灰的表現都 使用原類名后加“_n”，Tab的實現方式等等。有了這些約定、規則、規范后，HTML代碼就很容易可以實現模板化，統一接口規范。

有兩個誤區需要先認清下：

模塊化后并不是就能被使用在任何位置（模塊化后的代碼段也是有適用的范圍限制，需要一個提供接口規則的環境） 
模塊化后并不是就不能再變更（模塊化后的代碼段可根據實際需要做修改） 
完 全獨立的模塊放在同一項目中，由于項目有自己的表現、交互統一性，所以各模塊間必定出現類似的部分，這些部分可以被提出來做為公共的定義，減少冗余，這時 就會出現耦合的問題，完全不耦合是不可能的，因此模塊化中很重要一點就是“適度的耦合”。有了公共定義，就得調整模塊樣式的實現方式了，而這種調整也會影 響到“接口”的實現方式。

在互聯網發展至今，基礎服務基本都是免費的，比如新聞、通信聊天、電子郵箱、搜索信息、網頁瀏覽。但是假如只有免費服務，那么網站的就很難實現盈利。因此，就孕育產生出一些增值服務的收費項目，比如百度通過提供基本的免費搜索服務網聚了較高的人氣，就有了廣告傳播的商業價值。所以網站擁有優良的盈利模式非常關鍵，因為這決定了網站的現實收入和未來的運營前景。

目前盈利模式可以大致有三類：

第一種：信息模式

1、新浪雅虎模式

信息模式是指通過為廣大網民提供各類信息，例如新聞資訊、免費郵箱、搜索信息、網頁瀏覽等服務，吸引大量的網民訪問，這樣頁面就已經具有較高的商業價值。

2、信息網站模式，也就是這類網站可以為網民發布信息，為大家建立一個溝通的信息平臺。他的價值在于降低了傳統模式的溝通成本，這種模式建立的基礎是該網站擁有大量的用戶群體。

第二種：線下模式

線下模式更多的是利用線下的運作來盈利。比如很多交友網站的基礎功能是很少賺錢的，但是擁有這個網站的企業常常舉辦線下活動，諸如：聚餐、舞會等，收取門票、會員制度等等的費用。攜程、途牛等網站的主要收入是來自線下機票預定、酒店預定和旅游等的收入。

第三種：拓展模式

拓展模式主要表現在延伸互聯網的應用。例如網上支付、金融理財這些就是此類模式，它的特點是不靠信息模式賺錢，也不靠線下模式盈利。

上海網站建設緣震網絡則希望通過核心競爭力繼而擁有超強生命力，可以再巨大的競爭中處于盈利模式永恒的不敗之地。

網站關鍵詞：網站建設  網站設計  網站制作  上海網站建設  上海網站設計  上海網站制作  上海網絡公司  網站建設上海  上海做網站  上海建設網站  上海做網站公司  上海建網站公司  上海高端網站建設  上海手機網站建設  怎么建設網站  如何建設網站  營銷網站建設  品牌網站建設  網站建設方案  響應式網站建設  外貿網站建設  公司網站建設  建設網站  網站建設服務  高端網站建設  網站優化服務  上海網站公司  企業網站設計  官網制作  官網建設  官網設計  網站建設公司  網站設計公司  網站制作公司