目 錄 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
· · · · · · (
收起)
這不是一本單純講解前端編程技巧的書,而是一本注重思想提升和內功修煉的書。
全書以問題為導嚮,精選瞭前端開發中的34個疑難問題,從分析問題的原因入手,逐步給齣解決方案,並分析各種方案的優劣,最後針對每個問題總結齣高效編程的最佳實踐和各種性能優化的方法。
全書共7章,內容從邏輯上大緻可以分為兩大類:
第一類,偏嚮實踐,圍繞HTML、CSS、JavaScript等傳統前端技術,以及PWA等新興前端技術,講解如何進行HTML優化、CSS優化、JavaScript優化、頁麵優化等,以此幫助前端工程師們提升高效編程和應用優化的能力。
第二類,注重基礎,講解瞭前端工程師必須掌握的數據處理、網絡協議、文件操作、測試等基礎性的開發技,目的是幫助前端工程師們修煉內功,打下紮實的基礎。
希望通過本書,不僅能幫助前端工程師們夯實基礎,而且還能寫齣簡潔、優美的代碼,為應用帶來良好的用戶體驗。