其實想重提下那個話題，一直都在忙這忙那的沒時間。好不容易到一個周末了，原定安排是去D2的但是因為時間安排不過來，所以能抽空寫寫。早前的討論不了了之，其實這一點都不是Twinsen的風格。

名字，你看名字多重要，我不太清楚。我寫書的話我的書被人改變名稱去誤導別人我是不喜歡的。這是我一直說的作為一個技術人員應當遵守的準則——互聯(lián)網(wǎng)創(chuàng)作共享協(xié)議。我不能抄一個剛入門的小朋友Idea（因為他們思維沒被禁錮），然后換一套名稱和說法說是自己的。sorry，我做不到。

不過其實這片文章只是Twinsen的一個想法了，可以說比較的瘋狂。另外順帶一提的是這里的是Twinsen的站點，并不是騰訊的站點。這里的東西并不是代表騰訊的觀點和角度。

另外說到網(wǎng)格的內容，為什么我反對這個思想的流傳？首先聲明的我不是反對關于設計的網(wǎng)格化，我是反對重構的網(wǎng)格化。這里應該特指是YUI方式的類名綁定式的網(wǎng)格化。大家可以看看下面的一段代碼：

大家可以很清晰的看到這里的yui-u，或者yui-g他的名稱是并無意義的。還有與表現(xiàn)相關的first。不知道大家都看過的《網(wǎng)站重構》一書當時配同的PPT里面的一句話——“把頁面中的外觀標記去除以后，重新設計現(xiàn)有的站點和內容將變得非常節(jié)省人力 (同時便宜得多)。如果想改變站點的輸出，你只需要改動一下樣式表就行了，而完全不必改動頁面本身。”像上面的那段代碼不能達到結構、表現(xiàn)、行為三者分離，如果強行改變會出現(xiàn)下面的一些問題：

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

寫到這里回看下，順帶改了改標題變成系列的第二篇關于CSS的文章算了。上面說完不對的，下面給大家看看一個我最近剛接手的一個新版項目代碼段：

HTML片斷


CSS片斷


大家可以看到模塊化思想的優(yōu)勢在于哪：

可以半自動化的取用當前已有的模塊來節(jié)省代碼開發(fā)時間以及精力。
可以高度自由化的適應任何產(chǎn)品經(jīng)理、任何老板的不同需求。
任何關于表現(xiàn)上面的修改不需要動用到開發(fā)人員，不需要功能測試。
CE數(shù)據(jù)監(jiān)測綁定到id，不需要重新調整接口。
每個人擔任單個模塊的快速迭代開發(fā)。
另外就代碼而言。標題就是標題，內容就是內容；總不會那種歪曲事實、自己打自己嘴巴的狀態(tài)。

引用內容
我有個怪癖。我很喜歡在面試的時候我總是要先考面試人XHTML。就好像以前師傅招收學徒一樣，能力和慧根屬其次，人品首當其沖。
我以為，XHTML好比一個人的本質，CSS好比人的處事方式和態(tài)度，JS好比人做事的行為以及作風。三者的分離再加上些周邊的SEO、人機交互也就是我們所說的網(wǎng)站重構，也就是一個很不錯的人。之前總是有一部分人認為CSS就是網(wǎng)站的最主要的元素，其實自然而然的也就代表了一種人生觀。的確，一個人沒有好的處事方式和態(tài)度很難在現(xiàn)在的社會很好的存活；但是這個處事的方式和態(tài)度位置過于偏重了，就成了一個善于欺騙、做事不擇手段的人。

這個是一直想說的，有了CSS你可以將左右順序變成右左順序，他就是一個網(wǎng)頁中的魔術師。你總不能把他亂用，去成了一個善于欺騙、做事不擇手段的人。

最新評論