欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css模塊化的思想讓后期維護(hù)變得簡單

互聯(lián)網(wǎng)   發(fā)布時(shí)間:2009-04-02 19:35:25   作者:佚名   我要評(píng)論
網(wǎng)頁制作Webjx文章簡介:這里著重講一下模塊化開發(fā)為后期維護(hù)帶來的好處! 首先,不管了不了解,鬼哥的這篇文章都可以看一下,從宜家的家具設(shè)計(jì)講模塊化http://www.webjx.com/css/divcss-10075.html 并不是多高深的東西,在

這里著重講一下模塊化開發(fā)為后期維護(hù)帶來的好處!
首先,不管了不了解,鬼哥的這篇文章都可以看一下,從宜家的家具設(shè)計(jì)講模塊化http://www.dbjr.com.cn/css/divcss-10075.html
并不是多高深的東西,在工作中,應(yīng)用div css操作,你應(yīng)該會(huì)逐步的去想,怎樣提高效率,怎樣兼容,怎樣精煉代碼,怎樣讓后期維護(hù)變的更加簡單。你可能每過一段時(shí)間,都想把自己以前寫的東西重構(gòu)一下。這是很好的想法,也是很好的表現(xiàn),因?yàn)槟阋恢痹诓粩嗟倪M(jìn)步。模塊化的思想,必定會(huì)在你的逐漸進(jìn)步之中被你領(lǐng)悟!
這里著重講一下模塊化開發(fā)為后期維護(hù)帶來的好處!
在工作中,我做了一個(gè)如下圖結(jié)構(gòu)的網(wǎng)站。
點(diǎn)擊在新窗口中瀏覽此圖片
首先要說一下繆同學(xué),(備注,不是我公司里的徒弟),繆同學(xué)是一個(gè)很羅嗦很繁瑣的人。這兩個(gè)形容詞其實(shí)都不恰當(dāng)。這不,第二天,他讓我把B和C左右互換個(gè)位置,我說沒問題,打開css,把side_list和side_content的left的值改了一下。他依舊很羅嗦。第四天,他讓我把B1和B3的位置換一下,我說沒問題,打開css,把sub_list_1和sub_list_3的top的值改了一下。第六天,他讓我把B1放到C里的下邊并居中。好吧,我打開html,把包含文件中的sub_list_1剪切到side_content的底部。
在做這些的過程中,我只是因?yàn)閮蓚€(gè)模塊內(nèi)有相同的hx而針對(duì)他們寫了一個(gè)!important。
當(dāng)然,這僅僅是模塊化設(shè)計(jì)的好處之一。
需要注意的地方:
·上下級(jí)模塊內(nèi)相同標(biāo)簽的優(yōu)先級(jí)問題。
·全局樣式的和模塊樣式的優(yōu)先級(jí)。
·良好的擴(kuò)展性。
·盡量做到具有相同標(biāo)簽的模塊是平行關(guān)系。
·優(yōu)化你的全局樣式,讓模塊代碼更簡潔。
在我這里,設(shè)計(jì)到切圖布局都是一個(gè)人,所以,不存在命名沖突問題。多人協(xié)作的時(shí)候,模塊化設(shè)計(jì)同樣可以避免這一問題。有效的避免命名、樣式?jīng)_突等問題。
上邊說的注意的第三條,良好的擴(kuò)展性。很多時(shí)候,比如,layout內(nèi)有A/B/C三個(gè)元素,layout內(nèi)有10px的邊,那么,這10px的邊,究竟是在layout上用padding表達(dá)還是在子元素上用margin表達(dá)?當(dāng)然,不同情況不同對(duì)待!

相關(guān)文章

  • CSS的樣式合并與模塊化提高代碼執(zhí)行效率

    本文的核心觀點(diǎn)為CSS的合并與模塊化,似乎與前一篇文章“CSS樣式的再分離”有矛盾,其實(shí)不然,分離可以精簡CSS代碼,合并也可以精簡CSS代碼,一切都是權(quán)衡,本文的“合并”
    2013-01-11
  • Css 模塊化編碼技巧

    原生Js因jQuery的"write less,do more"變得極簡, Html因語義化編碼變得簡明, 那么, 有沒有一種方式讓Css也更加的高效精致呢? 當(dāng)然有, 那便是模塊化編碼.
    2011-01-27
  • CSS 模塊化 實(shí)現(xiàn)方法

    最近被“模塊化”纏身,又是文章又是PPT的,想了很多相關(guān)的東西,整理下我這段時(shí)間對(duì)于“模塊化”的思考,大多都是我自己從事頁面重構(gòu)這份工作的經(jīng)驗(yàn)和理解,在一定程度上
    2009-06-26
  • CSS模塊化思想的優(yōu)勢

    網(wǎng)頁制作Webjx文章簡介:名字,你看名字多重要,我不太清楚,我寫書的話我的書被人改變名稱去誤導(dǎo)別人我是不喜歡的,這是我一直說的作為一個(gè)技術(shù)人員應(yīng)當(dāng)遵守的準(zhǔn)則——互聯(lián)
    2009-04-02
  • 通過宜家的家具設(shè)計(jì)方法學(xué)習(xí)CSS模塊化

    網(wǎng)頁制作Webjx文章簡介:去過宜家的同學(xué)應(yīng)該都有注意到,宜家的家具基本都是組合的,可拆裝,模塊化的特點(diǎn)也是這樣,可以組合,相對(duì)獨(dú).立,在需要的時(shí)候可以很方便的加上,那
    2009-04-02
  • CSS模塊化的理解

    網(wǎng)頁制作Webjx文章簡介:我沒有看過CSS模塊化的相關(guān)書籍,所以我下面說的不一定正確,但是在工作中,我會(huì)用我理解的模塊化方式提高工作效率,我理解的模塊化,主要分為兩類
    2009-04-02
  • CSS 模塊化的理解

    在Twinsen Liang的博客上看到一篇名為語義化單單的限定在html么?的文章,文中主要是提及了CSS的命名規(guī)則,仔細(xì)閱讀后,我認(rèn)為這個(gè)其實(shí)就是模塊化思想。(作者也提了這一點(diǎn)
    2009-02-04
  • CSS模塊化設(shè)計(jì)——從空格談起-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)

    引子: 今天在藍(lán)點(diǎn)看了Yang的博客《CSS樣式表中繼承關(guān)系的空格與不空格》,思考了一下,本來想寫《CSS樣式的復(fù)合定義與復(fù)合調(diào)用及簡單的模塊化設(shè)計(jì)》,但是內(nèi)容太大,還是
    2008-10-17
  • css模塊化方案

    這篇文章主要介紹了css模塊化方案,css的模塊化方案可能和js的一樣多,下面簡單介紹幾種主要的模塊方案,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2019-01-09

最新評(píng)論