標簽：前端 讀書筆記
簡介
《javascript高級程序設計》的作者寫的書，主要內容就是從各方面入手提升JS程序的性能。
第一章 加載與執行
- 無阻塞地加載JS代碼：腳本放到最后，defer屬性，動態<script>標簽。
第二章 數據存取
- 盡量使用字面量；
- 注意作用域鏈的深度，少進行跨域訪問；
- 經常訪問的變量存為局部變量。
第三章 DOM編程
- 避免重繪與重排：要注意訪問某些屬性也會觸發重排：offsetXXX, scrollXXX, clientXXX;
- 最小化重繪與重排：將受影響的元素抽出來（display:none..）操作后再插入
- 動畫使用絕對定位；
- 使用事件委托（多個元素共用一個事件回調）來減少回調的數量；
- 注意getElementByXXX獲取到的HTML集合，會消耗大量資源。
第四章 算法與流程控制
- 改善循環：減少每次循環的工作量（使用負循環）;減少循環次數（例如達夫設備）
- 用迭代代替遞歸，因為瀏覽器可能有調用棧限制；
- 使用函數緩存（Memoization），就是將曾經輸入過的參數的結果緩存起來；
第五章 字符串與正則
沒看
第六章 快速響應的用戶界面
- 將程序每次執行的時間壓縮到100ms內，以留出資源給瀏覽器UI線程
- 模擬多線程：可以通過setTimeout來將大任務分隔成各個小任務，以留出時間給UI線程
- Web Workers： W3C標準的多線程API
第七章 使用AJAX來提高JS程序性能
- 常規的XMLHttpRequest
- 動態腳本注入: 動態創建script標簽，并引用外部資源.
script.src = url; //該腳本下載完成后自動運行函數cb(data)
function cb(data){
...
}
- MXHR:將所有資源轉化合并成字符串，并用js根據mine-type來提取字符串中的資源
- beacons: 使用(new Image()).src = url + '?params=xxx'來向系統發送信息
第八章 編程實踐
- 避免使用 new Function(), eval()
- 避免重復工作：要先檢查兼容性的方法，可以在第一次檢查后就將檢查結果作為常量覆蓋掉檢查的部分，這樣就不用每次都檢查兼容性。
- 學習并適當使用位操作
- 使用原生方法，例如Math
結語
以上只是摘錄了本書的一小部分，書中還有很多數據對比與作者的tips，建議閱讀。
