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

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

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