淺談我對網(wǎng)站模塊化建設(shè)的技巧看法

閱讀 ?·? 發(fā)布日期 2019-10-31 10:30 ?·? admin
首先弄清楚什么是模塊化？網(wǎng)站建設(shè)★網(wǎng)站設(shè)計★網(wǎng)站制作★網(wǎng)頁設(shè)計-599元全包;企業(yè)網(wǎng)絡(luò)推廣☆網(wǎng)站優(yōu)化☆seo☆關(guān)鍵詞排名☆百度快照-2200元全年展示;做網(wǎng)站優(yōu)化排名-網(wǎng)站建設(shè)公司?13172194676（注：選好網(wǎng)站模板，請聯(lián)系客服，百度云盤下載提取網(wǎng)站模板)

網(wǎng)站建設(shè)
     “模塊化”解釋非常多，我知道在 CNKI 中就有多達(dá)28種。由此可見“模塊化”思維的運(yùn)用是相當(dāng)廣泛的，非常接近于在頁面重構(gòu)中之的“模塊化”，現(xiàn)有的解釋就是軟件開發(fā)中的解釋了。
     再來看看百度詞條是如何解釋“ 模塊化 ”的：模塊化是指解決一個復(fù)雜問題時自頂向下逐層把軟件系統(tǒng)劃分成若干模塊的過程。這就是百度的解釋，其特性是每個模塊能完成一個特殊的子功能，全部的模塊按照某個方法組裝在一起，就形成了一個有機(jī)的整體，能夠完成全部系統(tǒng)所要求的所有功能。我認(rèn)為，模塊具有下面的這些基本屬性：接口、邏輯、狀態(tài)、功能，狀態(tài)、功能與接口共同反映模塊的外部特性，邏輯反映的是其內(nèi)部特性。在一個基本的軟件體系結(jié)構(gòu)之中，模塊是可以組合、分解與更換的單元。
    這里提出一個問題，為什么需要模塊化？
    在回答這個問題之前，我們輕易就能想到：減少冗余代碼、加強(qiáng)代碼重用率、壓縮圖片等等，再問問這些功能要如何實現(xiàn)呢？那就是模塊化思維可以解決，這種思維可有效減少大量的代碼冗余、進(jìn)一步提高代碼重用率，更重要的一點，是能支持到多人維護(hù)，能有效降低維護(hù)成本。CSS寫的法較非常靈活，非常容易產(chǎn)生代碼耦合，使用模塊化當(dāng)然可降低一定的耦合度，其對BUG定位也是有幫助的。我認(rèn)為其中最重要的，是能夠“提高代碼重用率”，這是模塊化最重要的特點、優(yōu)點。故而設(shè)計師們應(yīng)該在站點前期工作開展時，就要重視和使用“模塊化的思維”來編寫站點。
    在這里有一個主要問題：那就是HTML與CSS的“模塊化”。下面讓大家看看換膚的實現(xiàn)方法：
     同一類名，換文件（JS）
     同一文件，換類名（JS）
     由此可知HTML與CSS的接口實現(xiàn)：
     CSS引入的三種方式類名
    為了這種接口的更好實現(xiàn)，必須有相關(guān)的（設(shè)計、交互、開發(fā)、頁面）規(guī)則、約定、規(guī)范等，例如：全部當(dāng)前狀態(tài)都運(yùn)用同一個類名“nonce”，則所有變灰的表現(xiàn)都運(yùn)用原類名之后加“_n”，Tab的實現(xiàn)方式等。如果有這類約定、規(guī)則與規(guī)范之后，HTML代碼實現(xiàn)模板化就非常容易了，也能進(jìn)一步統(tǒng)一接口的規(guī)范。