《Web前端開發最佳實踐》
前 言
第一部分 高效Web前端開發綜述
第1章 Web前端開發概述 2
1.1 Web前端開發的範疇 2
1.1.1 什麼是Web前端開發 2
1.1.2 Web前端開發需要具備的技能 3
1.2 Web前端開發現狀 6
1.3 規範的Web前端代碼：更易維護、更高性能和更安全 9
第2章 高效Web前端開發 11
2.1 前端代碼的結構組織和文件的命名 11
2.2 前端代碼重構 13
2.3 閤理使用前端框架 15
2.4 多瀏覽器測試：多測試，早測試 16
2.5 Web前端代碼開發和調試 19
2.5.1 Web前端集成開發環境 19
2.5.2 Web前端代碼調試 20
2.5.3 Web前端性能分析 21
2.5.4 代碼和資源的壓縮與閤並 22
2.6 前端代碼基本命名規範和格式規範 25
2.6.1 HTML命名規範及格式規範 25
2.6.2 CSS命名規範及格式規範 27
2.6.3 JavaScript命名規範及格式規範 30
第二部分 HTML最佳實踐
第3章 標準的HTML代碼 36
3.1 驗證代碼是否符閤標準 36
3.2 標準的HTML頁麵結構 39
3.3 正確閉閤HTML標簽 40
3.4 停止使用不標準的標簽和屬性，簡化HTML代碼 41
3.5 樣式與結構分離 43
3.6 添加JavaScript禁用的提示信息 45
3.7 添加必要的[meta]標簽 49
第4章 高可讀性的HTML 53
4.1 HTML語義化 53
4.2 如何設置網頁標題層級 58
4.3 如何正確設計錶單 60
4.4 精簡HTML代碼 65
4.5 過時的塊狀元素和行內元素 68
第5章 積極擁抱HTML5 71
5.1 HTML5新特性的使用 71
5.1.1 使用HTML5中簡化的定義方式 72
5.1.2 使用HTML5中的新標簽和新屬性 73
5.2 不要使用HTML5中已廢棄的標簽和屬性 78
5.3 如何處理瀏覽器的兼容問題 79
第三部分 CSS最佳實踐
第6章 高維護性的CSS 84
6.1 如何高效地組織CSS代碼 84
6.2 使用CSS Reset：統一瀏覽器顯示效果 89
6.3 給CSS樣式定義排序 94
6.4 閤理利用CSS的權重：提高代碼的重用性 97
6.5 CSS代碼的兼容性：如何兼容IE瀏覽器 101
6.6 em、px還是% 104
第7章 高性能的CSS 109
7.1 使用高效的CSS選擇器 109
7.2 CSS相關的圖片處理 112
7.3 減少CSS的代碼量 116
7.4 其他CSS高性能實踐 120
第8章 CSS3相關最佳實踐 122
8.1 查看瀏覽器的支持情況 122
8.2 添加必要的瀏覽器前綴 123
8.3 做好CSS3中新特性的兼容處理 127
第四部分 JavaScript最佳實踐
第9章 高維護性的JavaScript 132
9.1 養成良好的編碼習慣，提高代碼的可維護性 132
9.2 使用更嚴格的編碼格式 138
9.3 事件處理和業務邏輯分離 141
9.4 配置數據和代碼邏輯分離 142
9.5 邏輯與結構樣式分離 145
9.5.1 從JavaScript代碼邏輯中分離CSS樣式 145
9.5.2 從JavaScript代碼邏輯中分離HTML結構 146
9.6 JavaScript模闆的使用 149
9.7 在JavaScript開發中應用MVC模式 152
9.8 JavaScript模塊化開發 154
9.9 閤理使用AJAX技術 156
第10章 高性能的JavaScript 159
10.1 加快JavaScript文件的加載速度 159
10.2 養成良好的編碼習慣，提高代碼運行速度 162
10.3 使用高性能的變量或屬性值讀取方式 165
10.4 高效的DOM操作 168
10.5 使用輔助工具優化JavaScript代碼性能 173
第11章 高安全性的JavaScript 178
11.1 常見的Web前端攻擊方式 179
11.2 不要輕易信任任何外部傳入的數據 180
11.3 其他前端安全防範實踐 183
第五部分 移動Web前端開發
第12章 移動Web前端開發最佳實踐 186
12.1 移動Web前端開發概述 187
12.1.1 主流的移動終端和移動瀏覽器 187
12.1.2 移動端和桌麵端Web前端開發的差異 188
12.1.3 如何讓桌麵Web頁麵兼容移動設備 190
12.1.4 開發移動Web站點的準備工作 196
12.2 移動Web前端開發相關技術最佳實踐 199
12.2.1 HTML相關最佳實踐 200
12.2.2 CSS相關最佳實踐 202
12.2.3 JavaScript相關最佳實踐 205
· · · · · · (
收起)
