目　　錄?Contents
前　言
第1章　HTML/CSS優化 1
Effective前端1：能用HTML/CSS
解決的問題就不要用JS 2
Effective前端2：優化HTML標簽 16
Effective前端3：用CSS畫一個三角形 22
Effective前端4：盡可能地使用偽元素 28
第2章　JS優化 34
Effective前端5：減少前端代碼耦合 34
Effective前端6：JS書寫優化 47
第3章　頁面優化 59
Effective前端7：避免頁面卡頓 59
Effective前端8：加快頁面打開速度 67
Effective前端9：增強用戶體驗 85
Effective前端10：用好Chrome Devtools 91
第4章　HTML5優化實踐 109
Effective前端11：使用H5的history改善AJAX列表請求體驗 109
Effective前端12：使用圖標替代雪碧圖 118
Effective前端13：理解和使用CSS3動畫 128
Effective前端14：實現前端裁剪壓縮圖片 136
Effective前端15：實現跨瀏覽器的HTML5表單驗證 145
Effective前端16：使用Service Worker做一個PWA離線網頁應用 151
第5章　前端與計算機基礎 164
Effective前端17：理解WebSocket和TCP/IP 164
Effective前端18：理解HTTPS連接的前幾毫秒發生了什么 185
Effective前端19：弄懂為什么0.1 0.2不等于0.3 203
Effective前端20：明白WebAssembly與程序編譯 209
Effective前端21：理解JS與多線程 221
Effective前端22：學會JS與面向對象 231
Effective前端23：了解SQL 248
Effective前端24：學習常用的前端算法與數據結構 266
第6章　掌握前端基礎 291
Effective前端25：掌握同源策略和跨域 291
Effective前端26：掌握前端本地文件操作與上傳 299
Effective前端27：學會常用的CSS居中方式 310
Effective前端28：學會常用的CSS布局技術 320
Effective前端29：理解字號與行高 327
Effective前端30：使用響應式開發 336
Effective前端31：明白移動端click及自定義事件 344
Effective前端32：學習JS高級技巧 355
第7章　運用恰當的工具 372
Effective前端33：前端的單元測試與自動化測試 372
Effective前端34：使用AE bodymovin制作網頁動畫 390