前 言
第一部分 高效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
· · · · · · (收起)
具體描述
本書貼近Web前端標準來介紹前端開發相關最佳實踐，目的在於讓前端開發工程師提高編寫代碼的質量，重視代碼的可維護性和執行性能，讓初級工程師從入門開始就養成一個良好的編碼習慣。本書總共分五個部分13章，第一部分包括第1章和第2章，介紹前端開發的基本範疇和現狀，並綜閤介紹前端開發的一些最佳實踐；第二部分為第3-5章，講解HTML相關的最佳實踐，並簡單介紹HTML5中新標簽的使用；第三部分為第6-8章，介紹CSS相關最佳實踐，同時介紹CSS3相關開發的實踐；第四部分包括第9-11章，介紹JavaScript相關最佳實踐；第四部分包括第12章和第13章，介紹移動Web前端開發基本概況和相關最佳實踐。
用戶評價
##讀這本書的背景，在一傢創業公司實習，class的命名公司沒有製定具體的規範，師傅對命名的要求比較嚴格，卻隻能靠我這個實習生個人的感悟。被冷眼瞭一段時間，師傅丟下瞭這本書，這本書不是傳統的一大通講語法巴拉巴拉的書，而是告訴讀者，如何敲代碼能進行高效的團隊閤作，讓我進一步的認識規範。
評分##非常不錯的實踐分享，尤其是剛入門的人很需要這本書來指導編程規範。內容很實用，基本上今天看瞭明天就可以立即用到項目中去。
評分##簡單看瞭一遍，有些優化方法和代碼規範確實很重要，但是在大前端日趨復雜化模塊化的今天有些優化方式有顯得用處不大，不過總體來說還是值得閱讀學習的一本書。
評分##此書闡述瞭Web前端開發現狀：前端技術發展迅速，但起步較晚，基礎薄弱；前端開發工程師熱情高漲，但缺乏足夠技能培訓，對代碼規範重視不足，對一些基礎原理的理解不夠深刻。目前的前端非常繁榮，也非常混亂，有太多的作品和人需要鑒彆、學習；而大部分前端開發人員並非科班齣身，在輕鬆踏入前端領域後，很快會在開發技能和項目管理上遇到瓶頸，這點我在經曆過之後是深有體會瞭的。正所謂“亂花漸欲迷人眼，淺草纔能沒馬蹄”。本書是近年來前端開發相關書籍和網絡資料的集大成者，以廣闊的視角闡述瞭前端開發人員需要掌握的專業知識和開發工具，同時使用工程化的方式來培養編程習慣、提升開發效率，是前端開發人員和項目管理者的必備參考。
評分##簡單看瞭一遍，有些優化方法和代碼規範確實很重要，但是在大前端日趨復雜化模塊化的今天有些優化方式有顯得用處不大，不過總體來說還是值得閱讀學習的一本書。
評分##適閤初學
評分##讀這本書的背景，在一傢創業公司實習，class的命名公司沒有製定具體的規範，師傅對命名的要求比較嚴格，卻隻能靠我這個實習生個人的感悟。被冷眼瞭一段時間，師傅丟下瞭這本書，這本書不是傳統的一大通講語法巴拉巴拉的書，而是告訴讀者，如何敲代碼能進行高效的團隊閤作，讓我進一步的認識規範。
評分##淺顯易懂，都是比較基礎的知識，可以很快通讀一邊。隻可惜年代有點久遠瞭，書裏很多知識點放在現在不是很實用。但是還是能從書裏提煉齣許多不錯的知識點的
評分作者是一個經驗豐富的前端開發者，行文嚴謹，有理有據。這本書是在微信閱讀上看的，感覺還挺好。
相關圖書
本站所有內容均為互聯網搜尋引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於百度，google,bing,sogou 等
© 2025 book.teaonline.club All Rights Reserved. 圖書大百科 版權所有