“模塊化”解釋非常多,我知道在 CNKI 中就有多達(dá)28種。由此可見(jiàn)“模塊化”思維的運(yùn)用是相當(dāng)廣泛的,非常接近于在頁(yè)面重構(gòu)中之的“模塊化”,現(xiàn)有的解釋就是軟件開(kāi)發(fā)中的解釋了。
再來(lái)看看百度詞條是如何解釋“ 模塊化 ”的:模塊化是指解決一個(gè)復(fù)雜問(wèn)題時(shí)自頂向下逐層把軟件系統(tǒng)劃分成若干模塊的過(guò)程。這就是百度的解釋?zhuān)涮匦允敲總€(gè)模塊能完成一個(gè)特殊的子功能,全部的模塊按照某個(gè)方法組裝在一起,就形成了一個(gè)有機(jī)的整體,能夠完成全部系統(tǒng)所要求的所有功能。我認(rèn)為,模塊具有下面的這些基本屬性:接口、邏輯、狀態(tài)、功能,狀態(tài)、功能與接口共同反映模塊的外部特性,邏輯反映的是其內(nèi)部特性。在一個(gè)基本的軟件體系結(jié)構(gòu)之中,模塊是可以組合、分解與更換的單元。
這里提出一個(gè)問(wèn)題,為什么需要模塊化?
在回答這個(gè)問(wèn)題之前,我們輕易就能想到:減少冗余代碼、加強(qiáng)代碼重用率、壓縮圖片等等,再問(wèn)問(wèn)這些功能要如何實(shí)現(xiàn)呢?那就是模塊化思維可以解決,這種思維可有效減少大量的代碼冗余、進(jìn)一步提高代碼重用率,更重要的一點(diǎn),是能支持到多人維護(hù),能有效降低維護(hù)成本。CSS寫(xiě)的法較非常靈活,非常容易產(chǎn)生代碼耦合,使用模塊化當(dāng)然可降低一定的耦合度,其對(duì)BUG定位也是有幫助的。我認(rèn)為其中最重要的,是能夠“提高代碼重用率”,這是模塊化最重要的特點(diǎn)、優(yōu)點(diǎn)。故而設(shè)計(jì)師們應(yīng)該在站點(diǎn)前期工作開(kāi)展時(shí),就要重視和使用“模塊化的思維”來(lái)編寫(xiě)站點(diǎn)。
在這里有一個(gè)主要問(wèn)題:那就是HTML與CSS的“模塊化”。下面讓大家看看換膚的實(shí)現(xiàn)方法:
同一類(lèi)名,換文件(JS)
同一文件,換類(lèi)名(JS)
由此可知HTML與CSS的接口實(shí)現(xiàn):
CSS引入的三種方式類(lèi)名
為了這種接口的更好實(shí)現(xiàn),必須有相關(guān)的(設(shè)計(jì)、交互、開(kāi)發(fā)、頁(yè)面)規(guī)則、約定、規(guī)范等,例如:全部當(dāng)前狀態(tài)都運(yùn)用同一個(gè)類(lèi)名“nonce”,則所有變灰的表現(xiàn)都運(yùn)用原類(lèi)名之后加“_n”,Tab的實(shí)現(xiàn)方式等。如果有這類(lèi)約定、規(guī)則與規(guī)范之后,HTML代碼實(shí)現(xiàn)模板化就非常容易了,也能進(jìn)一步統(tǒng)一接口的規(guī)范。
分享標(biāo)題:淺談我對(duì)網(wǎng)站模塊化建設(shè)的技巧看法
當(dāng)前鏈接:http://aaarwkj.com/article7/dghjgij.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、手機(jī)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、電子商務(wù)、品牌網(wǎng)站設(shè)計(jì)、云服務(wù)器
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)