Web前端開發最佳實踐

前言
第一部分 高效Web前端開發綜述
第1章 web前端開發概述
1.1 Web前端開發的范疇
1.1.1 什麼是Web前端開發
1.1.2 Web前端開發需要具備的技能
1.2 Web前端開發現狀
1.3 規范的Web前端代碼：更易維護、更高性能和更安全
第2章 高效web前端開發
2.1 前端代碼的結構組織和文件的命名
2.2 前端代碼重構
2.3 合理使用前端框架
2.4 多瀏覽器測試：多測試，早測試
2.5 Web前端代碼開發和調試
2.5.1 Web前端集成開發環境
2.5.2 Web前端代碼調試
2.5.3 Web前端性能分析
2.5.4 代碼和資源的壓縮與合並
2.6 前端代碼基本命名規范和格式規范
2.6.1 HTML命名規范及格式規范
2.6.2 CSS命名規范及格式規范
2.6.3 JavaScript命名規范及格式規范

第二部分 HTML最佳實踐
第3章 標准的HTML代碼
3.1 驗證代碼是否符合標准
3.2 標准的HTML頁面結構
3.3 正確閉合HTML標簽
3.4 停止使用不標准的標簽和屬性，簡化HTML代碼
3.5 樣式與結構分離
3.6 添加JavaScript禁用的提示信息
3.7 添加必要的標簽
第4章 高可讀性的HTML
4.1 HTML語義化
4.2 如何設置網頁標題層級
4.3 如何正確設計表單
4.4 精簡HTML代碼-
4.5 過時的塊狀元素和行內元素
第5章 積極擁抱HTML5
5.1 HTML5新特性的使用
5.1.1 使用HTML5中簡化的定義方式
5.1.2 使用HTML5中的新標簽和新屬性
5.2 不要使用HTML5中已廢棄的標簽和屬性
5.3 如何處理瀏覽器的兼容問題

第三部分 CSS最佳實踐
第6章 高維護性的css
6.1 如何高效地組織CSS代碼
6.2 使用Css Reset：統一瀏覽器顯示效果
6.3 給CSS樣式定義排序
6.4 合理利用CSS的權重：提高代碼的重用性
6.5 CsS代碼的兼容性：如何兼容IE瀏覽器-
6.6 em、Dx還是％
第7章 高性能的css
7.1 使用高效的CSS選擇器
7.2 CSS相關的圖片處理
7.3 減少cSS的代碼量
7.4 其他cSs高性能實踐
第8章 css3相關最佳實踐
8.1 查看瀏覽器的支持情況
8.2 添加必要的瀏覽器前綴
8.3 做好CSS3中新特性的兼容處理

第四部分 JavaScript最佳實踐
第9章 高維護性的Javascript
9.1 養成良好的編碼習慣，提高代碼的可維護性
9.2 使用更嚴格的編碼格式
9.3 事件處理和業務邏輯分離
9.4 配置數據和代碼邏輯分離
9.5 邏輯與結構樣式分離
9.5.1 從JavaScript代碼邏輯中分離CSS樣式
9.5.2 從JavaSeript代碼邏輯中分離HTML結構
9.6 JavaScript模板的使用
9.7 在JavaScript開發中應用MVC模式
9.8 JavaScript模塊化開發
9.9 合理使用AJAX技術
第10章 高性能的Javascript
10.1 加快JavaSeript文件的加載速度
10.2 養成良好的編碼習慣，提高代碼運行速度
10.3 使用高性能的變量或屬性值讀取方式
10.4 高效的DOM操作
10.5 使用輔助工具優化JavaSeript代碼性能
第11章 高安全性的Javascript
11.1 常見的Web前端攻擊方式
11.2 不要輕易信任任何外部傳入的數據
11.3 其他前端安全防范實踐

第五部分 移動Web前端開發
第12章 移動web前端開發最佳實踐
12.1 移動Web前端開發概述
12.1.1 主流的移動終端和移動瀏覽器
12.1.2 移動端和桌面端Web前端開發的差異
12.1.3 如何讓桌面Web頁面兼容移動設備
12.1.4 開發移動Web站點的准備工作
12.2 移動Web前端開發相關技術最佳實踐
12.2.1 HTML相關最佳實踐
12.2.2 CSS相關最佳實踐
12.2.3 JavaScript相關最佳實踐