淺談我對網站模塊化建設的技巧看法

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

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