編寫高質(zhì)量代碼：Web前端開發(fā)修煉之道

推薦序
贊譽
前言
致謝
第1章 從網(wǎng)站重構說起
　1.1 糟糕的頁面實現(xiàn)，頭疼的維護工作
　1.2 Web標準—結構、樣式和行為的分離
　1.3 前端的現(xiàn)狀
　1.4 打造高品質(zhì)的前端代碼，提高代碼的可維護性—精簡、重用、有序
第2章 團隊合作
　2.1 揭秘前端開發(fā)工程師
　2.2 欲精一行，必先通十行
　2.3 增加代碼可讀性—注釋
　2.4 提高重用性—公共組件和私有組件的維護 　
　2.5 冗余和精簡的矛盾—選擇集中還是選擇分散
　2.6 磨刀不誤砍柴工—前期的構思很重要
　2.7 制訂規(guī)范
　2.8 團隊合作的最大難度不是技術，是人
第3章 高質(zhì)量的HTML
　3.1 標簽的語義
　3.2 為什么要使用語義化標簽
　3.3 如何確定你的標簽是否語義良好
　3.4 常見模塊你真的很了解嗎
　　3.4.1 標題和內(nèi)容
　　3.4.2 表單
　　3.4.3 表格
　　3.4.4 語義化標簽應注意的一些其他問題3
第4章 高質(zhì)量的CSS4
　4.1 怪異模式和DTD
　4.2 如何組織CSS
　4.3 推薦的base.css
　4.4 模塊化CSS—在CSS中引入面向對象編程思想 　
　　4.4.1 如何劃分模塊—單一職責
　　4.4.2 CSS的命名—命名空間的概念
　　4.4.3 掛多個class還是新建class —多用組合，少用繼承
　　4.4.4 如何處理上下margin
　4.5 低權重原則—避免濫用子選擇器
　4.6 CSS sprite
　4.7 CSS 的常見問題
　　4.7.1 CSS的編碼風格
　　4.7.2 id和class
　　4.7.3 CSS hack
　　4.7.4 解決超鏈接訪問后hover樣式不出現(xiàn)的問題
　　4.7.5 hasLayout4
　　4.7.6 塊級元素和行內(nèi)元素的區(qū)別
　　4.7.7 display:inline-block 和 hasLayout7
　　4.7.8 relative、absolute和float3
　　4.7.9 居中4
　　4.7.10 網(wǎng)格布局
　　4.7.11 z-index的相關問題以及Flash和IE 6下的select元素
　　4.7.12 插入png圖片
　　4.7.13 多版本IE并存方案—CSS的調(diào)試利器IETester
第5章 高質(zhì)量的JavaScript
　5.1 養(yǎng)成良好的編程習慣
　　5.1.1 團隊合作—如何避免JS沖突
　　5.1.2 給程序一個統(tǒng)一的入口—window.onload和DOMReady
　　5.1.3 CSS放在頁頭，JavaScript放在頁尾
　　5.1.4 引入編譯的概念—文件壓縮
　5.2 JavaScript的分層概念和JavaScript庫
　　5.2.1 JavaScript如何分層
　　5.2.2 base層3
　　5.2.3 common層
　　5.2.4 page層4
　　5.2.5 JavaScript庫
　5.3 編程實用技巧7
　　5.3.1 彈性7
　　5.3.2 getElementById、getElementsByTagName和getElements-ByClassName3
　　5.3.3 可復用性
　　5.3.4 避免產(chǎn)生副作用9
　　5.3.5 通過傳參實現(xiàn)定制3
　　5.3.6 控制this關鍵字的指向7
　　5.3.7 預留回調(diào)接口
　　5.3.8 編程中的DRY規(guī)則
　　5.3.9 用hash對象傳參
　5.4 面向對象編程
　　5.4.1 面向過程編程和面向對象編程
　　5.4.2 JavaScript的面向對象編程
　　5.4.3 用面向對象方式重寫代碼
　5.5 其他問題
　　5.5.1 prototype和內(nèi)置類
　　5.5.2 標簽的自定義屬性
　　5.5.3 標簽的內(nèi)聯(lián)事件和event對象
　　5.5.4 利用事件冒泡機制
　　5.5.5 改變DOM樣式的三種方式
附錄A 寫在規(guī)則前面的話
附錄B 命名規(guī)則
附錄C 分工安排
附錄D 注釋規(guī)則
附錄E HTML規(guī)范
附錄F CSS規(guī)范
附錄G JavaScript規(guī)范