最接近頁(yè)面重構(gòu)中的“模塊化”，現(xiàn)有的解釋?xiě)?yīng)該就是軟件開(kāi)發(fā)中的解釋了。

模塊化后并不是就不能再變更（模塊化后的代碼段可根據(jù)實(shí)際需要做修改）

模塊化后并不是就能被使用在任何位置（模塊化后的代碼段也是有合用的范圍限制，需要一個(gè)提供接口規(guī)則的環(huán)境）

有兩個(gè)誤區(qū)需要先認(rèn)清下：

為了更好的實(shí)現(xiàn)這種接口，需要有相關(guān)的（交互、設(shè)計(jì)、頁(yè)面、開(kāi)發(fā)）商定、規(guī)則、規(guī)范，好比：所有當(dāng)前狀態(tài)都使用統(tǒng)一個(gè)類(lèi)名“nonce”，所有變灰的表現(xiàn)都 使用原類(lèi)名后加“_n”，Tab的實(shí)現(xiàn)方式等等。不外做為頁(yè)面重構(gòu)發(fā)展的一種趨勢(shì)，越來(lái)越被大家正視，不自覺(jué)也滿(mǎn)口的“模塊化”，只是你真的理解什么是“模塊化”嗎？

最近被“模塊化”纏身，又是文章又是PPT的，被逼著想了良多相關(guān)的東西。
更好的支持灰度發(fā)布

    更好的實(shí)現(xiàn)快速迭代
    進(jìn)步頁(yè)面容錯(cuò)
    減少Bug定位時(shí)間和Fix本錢(qián)
    降低發(fā)布風(fēng)險(xiǎn)
    降低耦合
    進(jìn)步開(kāi)發(fā)效率、減少溝通本錢(qián)
    進(jìn)步代碼重用率

我們之前常常提到的站點(diǎn)機(jī)能優(yōu)化，有相稱(chēng)一部門(mén)也是“模塊化”的內(nèi)容，好比進(jìn)步代碼重用，進(jìn)步開(kāi)發(fā)效率等等，“模塊化”的長(zhǎng)處還有良多，我大概列了一下：

我們很輕易就想到：減少代碼冗余、進(jìn)步代碼重用率、圖片壓縮等等，而這些要如何實(shí)現(xiàn)呢？模塊化思維可以解決，即可以有效減少代碼冗余、進(jìn)步代碼重用率，更重 要是可以支持到多人維護(hù)，降低維護(hù)本錢(qián)。

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

對(duì)“模塊化”的解釋?zhuān)?CNKI 中就有28種。每個(gè)模塊完成一個(gè)特定的子功能，所有的模塊按某種方法組裝起來(lái)，成為一個(gè)整體， 完成整個(gè)系統(tǒng)所要求的功能。可見(jiàn)“模塊化”思維使用的廣泛。

什么是模塊化？

“模塊化”只是我們對(duì)于過(guò)去一直使用的技術(shù)、方法的一個(gè)新潮的稱(chēng)謂，就像“Ajax”。有了公共定義，就得調(diào)整模塊樣式的實(shí)現(xiàn)方式了，而這種調(diào)整也會(huì)影 響到“接口”的實(shí)現(xiàn)方式。有了這些商定、規(guī)則、規(guī)范后，HTML代碼就很輕易可以實(shí)現(xiàn)模板化，同一接口規(guī)范。需要夸大一點(diǎn)，我們所鑒戒的是一種思維的方式。

    類(lèi)名

    CSS引入的三種方式

由此可知HTML與CSS的接口實(shí)現(xiàn)：

    統(tǒng)一文件，換類(lèi)名（JS）

    統(tǒng)一類(lèi)名，換文件（JS）

這里的主要題目是HTML與CSS的“模塊化”，我們可以看下?lián)Q膚的實(shí)現(xiàn)方法：

如何實(shí)現(xiàn)“模塊化”？

模 塊化是指解決一個(gè)復(fù)雜題目時(shí)自頂向下逐層把軟件系統(tǒng)劃分成若干模塊的過(guò)程。收拾整頓下我這段時(shí)間對(duì)于“模塊化”的思索，大多都是我自己從事頁(yè)面重構(gòu)這份工作的經(jīng)驗(yàn)和理解，在一定程度上存在局限性，也但愿自己能溫故而知新。 所以，我們更應(yīng)該在站點(diǎn)前期就正視并使用“模塊化的思維”編寫(xiě)站點(diǎn)。