推薦序
贊　譽
前　言
緻　謝
第1章　從網站重構說起/1
1.1　糟糕的頁麵實現，頭疼的維護工作/2
1.2　Web標準—結構、樣式和行為的分離/4
1.3　前端的現狀/6
1.4　打造高品質的前端代碼，提高代碼的可維護性—精簡、重用、有序/8
第2章　團隊閤作/9
2.1　揭秘前端開發工程師/10
2.2　欲精一行，必先通十行/13
2.3　增加代碼可讀性—注釋/15
2.4　提高重用性—公共組件和私有組件的維護/15
2.5　冗餘和精簡的矛盾—選擇集中還是選擇分散/16
2.6　磨刀不誤砍柴工—前期的構思很重要/17
2.7　製訂規範/18
2.8　團隊閤作的最大難度不是技術，是人/18
第3章　高質量的HTML/19
3.1　標簽的語義/20
3.2　為什麼要使用語義化標簽/21
3.3　如何確定你的標簽是否語義良好/26
3.4　常見模塊你真的很瞭解嗎/36
3.4.1　標題和內容/36
3.4.2　錶單/38
3.4.3　錶格/40
3.4.4　語義化標簽應注意的一些其他問題/43
第4章　高質量的CSS/44
4.1　怪異模式和DTD/45
4.2　如何組織CSS/46
4.3　推薦的base.css/49
4.4　模塊化CSS—在CSS中引入麵嚮對象編程思想/55
4.4.1　如何劃分模塊—單一職責/55
4.4.2　CSS的命名—命名空間的概念/60
4.4.3　掛多個class還是新建class —多用組閤，少用繼承/66
4.4.4　如何處理上下margin/72
4.5　低權重原則—避免濫用子選擇器/81
4.6　CSS sprite/85
4.7　CSS 的常見問題/88
4.7.1　CSS的編碼風格/88
4.7.2　id和class/89
4.7.3　CSS hack/89
4.7.4　解決超鏈接訪問後hover樣式不齣現的問題/93
4.7.5　hasLayout/94
4.7.6　塊級元素和行內元素的區彆/95
4.7.7　display:inline-block 和 hasLayout/97
4.7.8　relative、absolute和float/103
4.7.9　居中/104
4.7.10　網格布局/112
4.7.11　z-index的相關問題以及Flash和IE 6下的select元素/122
4.7.12　插入png圖片/129
4.7.13　多版本IE並存方案—CSS的調試利器IETester/131
第5章　高質量的JavaScript/133
5.1　養成良好的編程習慣/134
5.1.1　團隊閤作—如何避免JS衝突/134
5.1.2　給程序一個統一的入口—window.onload和DOMReady/148
5.1.3　CSS放在頁頭，JavaScript放在頁尾/159
5.1.4　引入編譯的概念—文件壓縮/160
5.2　JavaScript的分層概念和JavaScript庫/162
5.2.1　JavaScript如何分層/162
5.2.2　base層/163
5.2.3　common層/181
5.2.4　page層/184
5.2.5　JavaScript庫/185
5.3　編程實用技巧/187
5.3.1　彈性/187
5.3.2　getElementById、getElementsByTagName和getElements-
ByClassName/193
5.3.3　可復用性/196
5.3.4　避免産生副作用/199
5.3.5　通過傳參實現定製/203
5.3.6　控製this關鍵字的指嚮/207
5.3.7　預留迴調接口/211
5.3.8　編程中的DRY規則/212
5.3.9　用hash對象傳參/215
5.4　麵嚮對象編程/217
5.4.1　麵嚮過程編程和麵嚮對象編程/217
5.4.2　JavaScript的麵嚮對象編程/224
5.4.3　用麵嚮對象方式重寫代碼/245
5.5　其他問題/251
5.5.1　prototype和內置類/251
5.5.2　標簽的自定義屬性/255
5.5.3　標簽的內聯事件和event對象/260
5.5.4　利用事件冒泡機製/263
5.5.5　改變DOM樣式的三種方式/267
附錄A　寫在規則前麵的話/271
附錄B　命名規則/272
附錄C　分工安排/274
附錄D　注釋規則/276
附錄E　HTML規範/278
附錄F　CSS規範/280
附錄G　JavaScript規範/282
· · · · · · (收起)