高性能JavaScript（文檔）

最近在全力整理《高性能JavaScript》的文檔，並從新學習一遍，放在這裏方便你們查看並找到本身須要的知識點。

前端開發文檔

高性能JavaScript

第1章：加載和執行

1. 腳本位置
2. 阻止腳本

3. 無阻塞的腳本

   • 延遲的腳本
   • 動態腳本元素
   • XMLHTTPRequest腳本注入
   • 推薦的無阻塞模式
4. 小結

第2章：數據存取

1. 管理做用域

   • 做用域鏈和標識符解析
   • 標識符解析的性能
   • 改變做用域鏈
   • 動態做用域
   • 閉包、做用域和內存

2. 對象成員

   • 原型
   • 原型鏈
   • 嵌套成員
   • 緩存對象成員值

第3章：DOM編程

1. 瀏覽器中的DOM

   • 天生就慢

2. DOM訪問與修改

   • innerHTML對比DOM方法
   • 節點克隆
   • HTML集合
   • 遍歷DOM

3. 重繪與重排

   • 重排什麼時候發生
   • 渲染樹變化的排隊與刷新
   • 最小化重繪與重排
   • 緩存佈局信息
   • 讓元素脫離動畫流
   • IE和:hover
4. 事件委託
5. 小結

第4章：算法與流程控制

1. 循環

   • 循環類型
   • 循環性能
   • 基於函數的迭代

2. 條件語句

   • if-else對比switch
   • 優化if-else
   • 查找表

3. 遞歸

   • 調用棧限制
   • 遞歸模式
   • 迭代
   • Memoizaton
4. 小結

第5章：字符串和正則表達式

1. 字符串鏈接

   • 加+和加等+=操做符
   • 數組項合併
   • String.prototype.concat

2. 正則表達式優化

   • 正則表達式工做原理
   • 理解回溯
   • 回溯失控
   • 基準測試的說明
   • 更多提升正則表達式效率的方法
   • 什麼時候不用正則表達式

3. 去除字符串首尾空白

   • 使用正則表達式去除首尾空白
   • 不使用正則表達式去除首尾空白
   • 混合解決方案
4. 小結

第6章：快速響應的用戶界面

1. 瀏覽器UI線程

   • 瀏覽器限制
   • 多久纔算過久

2. 使用定時器讓出時間片斷

   • 定時器基礎
   • 定時器精度
   • 使用定時器處理數組
   • 分割任務
   • 定時器與性能

3. Web Workers

   • Worder運行環境
   • 與Worker通訊
   • 加載外部文件
   • 實際應用

第7章：Ajax

1. 數據傳輸

   • 請求數據
   • 發送數據

2. 數據格式

   • XML
   • JSON
   • HTML
   • 自定義格式
   • 數據格式總結

3. Ajax性能指南

   • 緩存數據
   • 瞭解Ajax類庫的侷限
4. 小結

第8章：編程實踐

1. 避免雙重求值
2. 使用Object/Array直接量

3. 避免重複工做

   • 延遲加載
   • 條件預加載

4. 使用速度快的部分

   • 位操做
   • 原生方法
5. 小結

第9章：構建並部署高性能JavaScript應用

1. Apache Ant
2. 合併多個JS文件
3. 預處理JS文件
4. JS壓縮
5. 構建時處理與運行時處理的對比
6. JS的HTTP壓縮
7. 緩存JS文件
8. 處理緩存問題
9. 使用內容分發網絡（CDN）
10. 部署JS資源
11. 敏捷JS構建過程
12. 小結

第10章：工具

1. JS性能分析
2. YUI Profiler
3. 匿名函數

4. Firebug

   • 控制檯面板分析工具
   • Console API
   • 網絡面板
5. IE開發人員工具

6. Safari Web檢查器（Web Inspector）

   • 分析面板
   • 資源面板
7. Chrome開發人員工具
8. 腳本阻塞
9. Page Speed
10. Fiddler
11. YSlow
12. dynaTrace Ajax Edition
13. 小結