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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

談個響應工網站在這我相信很多企業都不明白的，但是都聽說過。對響應式網站來說不是很理解，但對普通網站來說非常了解。隨著網絡時代的變化，企業網站也不所不同的變化，一部份企業是跟上，有部份企業是不跟上還是保留原地踏步。那么一來跟去網絡時代的企業和不跟網絡時代的企業有什么區別呢？建設響應式網站對企業有什么好處？

1、跟不上網絡時代的建站企業
為什么現在存著部份企業不重視網絡時代呢？自己公司網站一直處于原始時代呢？我相信到都不明白的，其實做好一個企業網站同時能提升公司的業績，也能提升公司的形象。那么一來跟不上網絡時代的企業在業績上慢慢地下降。最后在網絡上占不到市場，失去大量的網絡客戶

2、跟上網絡時代建響應式建站的企業
首先在這我先說一下，當今天流行響應式網站都很廣，未來幾年來大家都用上響應式建站了，對普通建站慢慢地放棄了。響應式網站好處是什么呢？對每臺電腦屏幕、手機屏幕、平板屏幕都自適應調整，給客戶在體驗上加分，能夠解決在各端口的要求。提升公司品牌形象，突出公司在網絡時代上的新興。

通過以上對比后，我們得出的是跟上網絡時代的企業發展前景都很好的，在一個企業中如果少了公司網站，那么就相當少了一個業務員。響應式網站對企業來說都非常重，能提升公司產口品牌形象又能提升公司產品在網絡的競爭力，這是企業最好的選擇。

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