首先弄清楚什么是模塊化?
網(wǎng)站建設(shè)★網(wǎng)站設(shè)計★網(wǎng)站制作★
網(wǎng)頁設(shè)計-800元全包;企業(yè)網(wǎng)絡(luò)推廣☆網(wǎng)站優(yōu)化☆seo☆關(guān)鍵詞排名☆百度快照-2200元全年展示;做網(wǎng)站優(yōu)化排名-
網(wǎng)站建設(shè)公司?13518219792(注:選好網(wǎng)站模板,請聯(lián)系客服,百度云盤下載提取網(wǎng)站模板)
“模塊化”解釋非常多,我知道在 CNKI 中就有多達(dá)28種。由此可見“模塊化”思維的運用是相當(dāng)廣泛的,非常接近于在頁面重構(gòu)中之的“模塊化”,現(xiàn)有的解釋就是軟件開發(fā)中的解釋了。
再來看看百度詞條是如何解釋“ 模塊化 ”的:模塊化是指解決一個復(fù)雜問題時自頂向下逐層把軟件系統(tǒng)劃分成若干模塊的過程。這就是百度的解釋,其特性是每個模塊能完成一個特殊的子功能,全部的模塊按照某個方法組裝在一起,就形成了一個有機的整體,能夠完成全部系統(tǒng)所要求的所有功能。我認(rèn)為,模塊具有下面的這些基本屬性:接口、邏輯、狀態(tài)、功能,狀態(tài)、功能與接口共同反映模塊的外部特性,邏輯反映的是其內(nèi)部特性。在一個基本的軟件體系結(jié)構(gòu)之中,模塊是可以組合、分解與更換的單元。
這里提出一個問題,為什么需要模塊化?
在回答這個問題之前,我們輕易就能想到:減少冗余代碼、加強代碼重用率、壓縮圖片等等,再問問這些功能要如何實現(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)都運用同一個類名“nonce”,則所有變灰的表現(xiàn)都運用原類名之后加“_n”,Tab的實現(xiàn)方式等。如果有這類約定、規(guī)則與規(guī)范之后,HTML代碼實現(xiàn)模板化就非常容易了,也能進(jìn)一步統(tǒng)一接口的規(guī)范。
分享標(biāo)題:淺談我對網(wǎng)站模塊化建設(shè)的技巧看法
當(dāng)前鏈接:http://m.newbst.com/article7/dghjgij.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、手機網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計公司、電子商務(wù)、品牌網(wǎng)站設(shè)計、云服務(wù)器
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)