 |
| 昵稱(chēng)：****** |
| 論壇積分：20700 |
| 發(fā)貼等級(jí)：14 |
  |
| 發(fā)貼數(shù)：50 |
| 回貼數(shù)：9 |
被砸雞蛋： 0 |
獲贈(zèng)鮮花： 0 |
|
 |
|
|
發(fā)表時(shí)間：2010/1/18 13:41:00 |
樓 主 |
|
重復(fù)使用實(shí)現(xiàn)相同功能的代碼、或雜七雜八的亂套代碼
犯錯(cuò)機(jī)率：非常普遍
普遍性：非常普遍
犯錯(cuò)可能性：復(fù)雜多樣
大家先來(lái)看一看下面的代碼：
?。糲enter＞＜p＞＜font class="css_id"＞＜font class="font11"＞＜font color="#CCCCCC"＞＜font color="#FFA76C" style="font-size:14px;font-family:隸書(shū)"＞標(biāo) 題＜/font＞＜/font＞＜/font＞＜br＞＜/center＞你覺(jué)得這樣的代碼看起來(lái)感覺(jué)怎么樣呢？＜/font＞＜/p＞
我不知道讀者有什么感覺(jué)，壓根我一看到這樣的代碼就會(huì)先自我麻木十來(lái)秒，這十來(lái)秒目的是為了找一個(gè)能表達(dá)我的思想感情的詞（我？你想反問(wèn)我嗎？sorry~~，我一般不犯，因?yàn)槲易鼍W(wǎng)頁(yè)至少有一半以上的時(shí)間在瀏覽代碼，代碼中多了不該多的東西我一眼就能看出來(lái)。）。
看看上面的代碼，使用了2個(gè)class，4個(gè)font來(lái)定義2個(gè)文本，其實(shí)這樣的問(wèn)題很多時(shí)候是在大家不斷的修改中產(chǎn)生的，對(duì)代碼不熟、或懶查看代碼、又或不喜歡查看代碼的人犯這些問(wèn)題特別嚴(yán)重，當(dāng)然，事實(shí)上別人瀏覽這個(gè)網(wǎng)頁(yè)的時(shí)候，是沒(méi)有任何問(wèn)題的，但維護(hù)的人就。
這些多余的垃圾代碼完全是可以省略掉的，其實(shí)上面的例子不夠嚴(yán)重，更恐怖的我都見(jiàn)過(guò)。
另外還有一個(gè)問(wèn)題也要提提的，就是＜p＞...＜/p＞和＜center＞...＜/center＞，為什么要用它們呢？tell me why~~，有甚者是這樣的：
＜td＞＜div align="center" class="css_id"＞
?。糲enter＞
?。紁 align="center"＞＜/p＞
?。紁 align="center"＞＜font class="css_id"＞＜font class="font11"＞＜font color="#CCCCCC"＞＜font color="#FFA76C" style="font-size:14px;font-family:隸書(shū)"＞標(biāo) 題＜/font＞＜/font＞＜/font＞＜br＞＜/center＞＜/td＞你覺(jué)得這樣的代碼看起來(lái)感覺(jué)怎么樣呢？＜/font＞＜/p＞＜/center＞＜/div＞＜/td＞
看到這樣的代碼我是會(huì)很無(wú)奈的（更無(wú)奈的是我經(jīng)?？吹?，而且必須看），我來(lái)簡(jiǎn)化一下：
＜td align="center" class="css_id"＞＜br＞＜font color="#FFA76C" style="font-size:14px;font-family:隸書(shū)"＞標(biāo)題＜/font＞＜br＞你覺(jué)得這樣的代碼看起來(lái)感覺(jué)怎么樣呢？＜/td＞
是不是看起來(lái)覺(jué)得這個(gè)世界安靜了很多？"標(biāo)題"后面的文字完成可以定義在＜td＞的class里，就算不用css，再用多一個(gè)＜.font＞也沒(méi)問(wèn)題，一樣很清爽。
表格不正確嵌套
犯錯(cuò)機(jī)率：一般
普遍性：普遍
犯錯(cuò)可能性：對(duì)這個(gè)不了解
其實(shí)這是一個(gè)街知巷聞的問(wèn)題了，但還是不斷有人犯，不正確的嵌套表格，可能會(huì)令到你被老總叫到辦公室里臭罵一頓，會(huì)令到你以為正常的網(wǎng)頁(yè)用ADSL開(kāi)2、3分鐘都開(kāi)不了。
先講第一個(gè)問(wèn)題，就是在一個(gè)大表格里不斷地嵌套表格，這樣會(huì)令到打開(kāi)網(wǎng)頁(yè)的速度變慢（雖然說(shuō)現(xiàn)在的IE改善了這一問(wèn)題，但還是不建議這樣做），另一方面維護(hù)、修改也極不方便，一般來(lái)說(shuō)簡(jiǎn)單的套用是沒(méi)有問(wèn)題的，甚至3、4層，但是不要把所有內(nèi)容都放到一個(gè)表格里去。
第二個(gè)問(wèn)題就是在一個(gè)大表格里放入所有內(nèi)容，而其中包括一個(gè)免費(fèi)的計(jì)數(shù)器代碼，嘻嘻，你猜有可能出現(xiàn)什么情況呢？其實(shí)也沒(méi)什么大不了的，最嚴(yán)重的就是你的IE象死機(jī)了一樣，什么都沒(méi)顯示。解決方法就是把計(jì)數(shù)器單獨(dú)放在一個(gè)表格里，別和其他內(nèi)容一起放在同一表格。
寫(xiě)代碼縮進(jìn)的時(shí)候，不是使用Tab而是使用空格
犯錯(cuò)機(jī)率：一般
普遍性：較少
犯錯(cuò)可能性：不知道Tab更好用
這一個(gè)問(wèn)題針對(duì)js、vbs、asp、php之類(lèi)，html不能使用Tab會(huì)寫(xiě)一點(diǎn)程序的都知道什么叫縮進(jìn)，怎么樣縮進(jìn)？有人使用空格，有人使用Tab，如果你是使用空格的，那么從現(xiàn)在起，改用Tab吧。
使用空格有二大壞處：1、縮進(jìn)速度慢、修改速度慢。2、增大網(wǎng)頁(yè)體積，會(huì)影響速度。
|
|
|
|
|
|
|