《高效前端：Web高效編程與優化實踐》

 

全書共7章，內容從邏輯上大體能夠分爲兩大類：

第一類，偏向實踐，圍繞HTML、CSS、JavaScript等傳統前端技術，以及PWA等新興前端技術，講解如何進行HTML優化、CSS優化、JavaScript優化、頁面優化等，以此幫助前端工程師們提高高效編程和應用優化的能力。

第二類，注重基礎，講解了前端工程師必須掌握的數據處理、網絡協議、文件操做、測試等基礎性的開發技，目的是幫助前端工程師們修煉內功，打下紮實的基礎。

但願經過本書，不只能幫助前端工程師們夯實基礎，並且還能寫出簡潔、優美的代碼，爲應用帶來良好的用戶體驗。

《高效前端：Web 高效編程與優化實踐》學習筆記

 

最近入了李銀城老師的《高效前端：Web 高效編程與優化實踐》，打算學習下，順便作個筆記供往後回顧。

 

目錄：

1. HTML/CSS 優化--《高效前端》學習筆記

 

持續更新中....

文小白滴筆記～～

 

標籤:  高效前端

 

 

 

目　　錄 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

 

 

  https://www.kancloud.cn/xiaoxiaoqc/effective/583691

 

 

挺實誠的事，掃一遍，只能等「得閒」再細看了