CSS模塊化思想的優(yōu)勢

2024-07-11 08:44:26

字體：大中小

供稿：網(wǎng)友

名字，你看名字多重要，我不太清楚。我寫書的話我的書被人改變名稱去誤導(dǎo)別人我是不喜歡的。這是我一直說的作為一個(gè)技術(shù)人員應(yīng)當(dāng)遵守的準(zhǔn)則――互聯(lián)網(wǎng)創(chuàng)作共享協(xié)議。我不能抄一個(gè)剛?cè)腴T的小朋友Idea（因?yàn)樗麄兯季S沒被禁錮），然后換一套名稱和說法說是自己的。
實(shí)想重提下那個(gè)話題，一直都在忙這忙那的沒時(shí)間。好不容易到一個(gè)周末了，原定安排是去D2的但是因?yàn)闀r(shí)間安排不過來，所以能抽空寫寫。早前的討論不了了之，其實(shí)這一點(diǎn)都不是Twinsen的風(fēng)格。
名字，你看名字多重要，我不太清楚。我寫書的話我的書被人改變名稱去誤導(dǎo)別人我是不喜歡的。這是我一直說的作為一個(gè)技術(shù)人員應(yīng)當(dāng)遵守的準(zhǔn)則——互聯(lián)網(wǎng)創(chuàng)作共享協(xié)議。我不能抄一個(gè)剛?cè)腴T的小朋友Idea（因?yàn)樗麄兯季S沒被禁錮），然后換一套名稱和說法說是自己的。sorry，我做不到。
不過其實(shí)這片文章只是Twinsen的一個(gè)想法了，可以說比較的瘋狂。另外順帶一提的是這里的是Twinsen的站點(diǎn)，并不是騰訊的站點(diǎn)。這里的東西并不是代表騰訊的觀點(diǎn)和角度。
引用森林群的談話內(nèi)容：
技術(shù)人員的爭論就是技術(shù)人員爭論，談錘子政治和外交。要叼沖我來，我是非常樂意被叼的。是啊，我很犯賤；你叼我就是塞錢進(jìn)我的袋子里面。正如我常說的那句話：“SB之所以繼續(xù)為SB是因?yàn)樗麎焊蛷膩頉]有意識到自己是一個(gè)SB。”粗俗？但是原話是心理學(xué)家弗洛伊德說的哦：“人總是先有自我認(rèn)知才會再有自我超脫的。”我現(xiàn)在就是到了自我認(rèn)知的瓶頸了，所以要?jiǎng)?chuàng)造這樣的環(huán)境逼迫我自我認(rèn)知。
另外說到網(wǎng)格的內(nèi)容，為什么我反對這個(gè)思想的流傳？首先聲明的我不是反對關(guān)于設(shè)計(jì)的網(wǎng)格化，我是反對重構(gòu)的網(wǎng)格化。這里應(yīng)該特指是 YUI方式的類名綁定式的網(wǎng)格化。大家可以看看下面的一段代碼：
<div id="yui-main">
<div class="yui-b">
<div class="yui-g">
<div class="yui-u first"></div>
<div class="yui-u"></div>
</div>
</div>
</div>
大家可以很清晰的看到這里的yui-u，或者yui-g他的名稱是并無意義的。還有與表現(xiàn)相關(guān)的first。不知道大家都看過的《網(wǎng)站重構(gòu)》一書當(dāng)時(shí)配同的PPT里面的一句話——“把頁面中的外觀標(biāo)記去除以后，重新設(shè)計(jì)現(xiàn)有的站點(diǎn)和內(nèi)容將變得非常節(jié)省人力 (同時(shí)便宜得多)。如果想改變站點(diǎn)的輸出，你只需要改動一下樣式表就行了，而完全不必改動頁面本身。”像上面的那段代碼不能達(dá)到結(jié)構(gòu)、表現(xiàn)、行為三者分離，如果強(qiáng)行改變會出現(xiàn)下面的一些問題：

改變表現(xiàn)的時(shí)候必須動到html，一次美觀上面的修改要?jiǎng)拥饺龡l工作線，極大的人力資源耗費(fèi)。會出現(xiàn)排在第五個(gè)的叫做“first”的框會出現(xiàn)實(shí)際為240寬的叫做“180寬”的框會出現(xiàn)實(shí)際為三列的叫做“四列”的布局會出現(xiàn)實(shí)際為紅色的叫做“blue”的字
這些也就是相當(dāng)于現(xiàn)在很多人流行的“left_box”和“right_box”，快速改版以后變成了在左邊的“right_box”。這不就是相當(dāng)于歪曲事實(shí)的真理么？但其實(shí)最重要的是第一點(diǎn)，這樣的工作方式和我們以往的table布局工作方式有差別么？你提個(gè)改個(gè)樣式需求，全公司（設(shè)計(jì)、頁面、開發(fā)、功能測試、CE數(shù)據(jù)監(jiān)測）都跟著你去跑，這是很不智的。

上一篇：CSS3偽類選擇器：nth-child()

下一篇：CSS優(yōu)先級規(guī)則的細(xì)節(jié)