産品特色
內容簡介
如果你使用 JavaScript 構建交互豐富的 Web 應用,那麼 JavaScript 代碼可能是造成你的Web應用速度變慢的主要原因。本書揭示的技術和策略能幫助你在開發過程中消除性能瓶頸。你將會瞭解如何提升各方麵的性能,包括代碼的加載、運行、DOM 交互、頁麵生存周期等。雅虎的前端工程師 Nicholas C. Zakas 和其他五位 JavaScript 專傢介紹瞭頁麵代碼加載的優佳方法和編程技巧,來幫助你編寫更為高效和快速的代碼。你還會瞭解到構建和部署文件到生産環境的優佳實踐,以及有助於定位綫上問題的工具。
作者簡介
丁琛,樂豚聯閤創始人及CEO,曾在阿裏巴巴負責支付寶,擔任産品前端開發工作,業界著名的前端開發工程師。
目錄
前言 I
第1章:加載和執行 1
1.1 腳本位置 2
1.2 組織腳本 4
1.3 阻塞的腳本 5
1.3.1 延遲的腳本 5
1.3.2 動態腳本元素 6
1.3.3 XMLHttpRequest腳本注入 9
1.3.4 推薦的阻塞模式 10
1.4 小結 14
第2章:數據訪問 15
2.1 管理作用域 16
2.1.1 作用域鏈和標識符解析 16
2.1.2 標識符解析的性能 19
2.1.3 改變作用域鏈 21
2.1.4 動態作用域 24
2.1.5 閉包,作用域和內存 24
2.2 對象成員 27
2.2.1 原型 27
2.2.2 原型鏈 29
2.2.3 嵌套成員 30
2.2.4 緩存對象成員值 31
2.3 小結 33
第3章:DOM編程 35
3.1 瀏覽器中的DOM 35
3.1.1 天生就慢 36
3.2 DOM訪問與修改 36
3.2.1 innerHTML對比DOM方法 37
3.2.2 節點剋隆 41
3.2.3 HTML集閤 42
3.2.4 遍曆DOM 46
3.3 重繪與重排 50
3.3.1 重排何時發生? 51
3.3.2 渲染樹變化的排隊與刷新 51
3.3.3 最小化重繪和重排 52
3.3.4 緩存布局信息 56
3.3.5 讓元素脫離動畫流 56
3.3.6 IE和:hover 57
3.4 事件委托 57
3.5 小結 59
第4章:算法和流程控製 61
4.1 循環 61
4.1.1 循環的類型 61
4.1.2 循環性能 63
4.1.3 基於函數的迭代 67
4.2 條件語句 68
4.2.1 if-else對比switch 68
4.2.2 優化if-else 70
4.2.3 查找錶 72
4.3 遞歸 73
4.3.1 調用棧限製 74
4.3.2 遞歸模式 75
4.3.3 迭代 76
4.3.4 Memoization 77
4.4 小結 79
第5章:字符串和正則錶達式 81
5.1 字符串連接 81
5.1.1 加(+)和加等於(+=)操作符 82
5.1.2 數組項連接 84
5.1.3 String.prototype.concat 86
5.2 正則錶達式優化 87
5.2.1 正則錶達式工作原理 88
5.2.2 理解迴溯 89
5.2.3 迴溯失控 91
5.2.4 基準測試的說明 96
5.2.5 更多提高正則錶達式效率的方法 96
5.2.6 何時不使用正則錶達式 99
5.3 去除字符串首尾空白 99
5.3.1 使用正則錶達式去首尾空白 99
5.3.2 不使用正則錶達式去除字符串首尾空白 102
5.3.3 混閤解決方案 103
5.4 小結 104
第6章:快速響應的用戶界麵 107
6.1 瀏覽器UI綫程 107
6.1.1 瀏覽器限製 109
6.1.2 多久纔算“太久”? 110
6.2 使用定時器讓齣時間片段 111
6.2.1 定時器基礎 112
6.2.2 定時器的精度 114
6.2.3 使用定時器處理數組 114
6.2.4 分割任務 116
6.2.5 記錄代碼運行時間 118
6.2.6 定時器與性能 119
6.3 Web Workers 120
6.3.1 Worker運行環境 120
6.3.2 與Worker通信 121
6.3.3 加載外部文件 122
6.3.4 實際應用 122
6.4 小結 124
第7章:Ajax 125
7.1 數據傳輸 125
7.1.1 請求數據 125
7.1.2 發送數據 131
7.2 數據格式 134
7.2.1 XML 134
7.2.2 JSON 137
7.2.3 HTML 141
7.2.4 自定義格式 142
7.2.5 數據格式總結 144
7.3 Ajax性能指南 145
7.3.1 緩存數據 145
7.3.2 瞭解Ajax類庫的局限 148
7.4 小結 149
第8章:編程實踐 151
8.1 避免雙重求值(Double Evaluation) 151
8.2 使用Object/Array直接量 153
8.3 不要重復工作 154
8.3.1 延遲加載 154
8.3.2 條件預加載 156
8.4 使用速度快的部分 156
8.4.1 位操作 156
8.4.2 原生方法 159
8.5 小結 161
第9章:構建並部署高性能JavaScript應用 163
9.1 Apache Ant 163
9.2 閤並多個JavaScript文件 165
9.3 預處理JavaScript文件 166
9.4 JavaScript壓縮 168
9.5 構建時處理對比運行時處理 170
9.6 JavaScript的HTTP壓縮 170
9.7 緩存JavaScript文件 171
9.8 處理緩存問題 172
9.9 使用內容分發網絡(CDN) 173
9.10 部署JavaScript資源 173
9.11 敏捷JavaScript構建過程 174
9.12 小結 175
第10章:工具 177
10.1 JavaScript性能分析 178
10.2 YUI Profiler 179
10.3 匿名函數 182
10.4 Firebug 183
10.4.1 控製颱麵闆分析工具 183
10.4.2 Console API 184
10.4.3 網絡麵闆 185
10.5 IE開發人員工具 186
10.6 Safari Web檢查器(Web Inspector) 188
10.6.1 分析麵闆 189
10.6.2 資源麵闆 191
10.7 Chrome開發人員工具 192
10.8 腳本阻塞 193
10.9 Page Speed 194
10.10 Fiddler 196
10.11 YSlow 198
10.12 dynaTrace Ajax Edition 199
10.13 小結 202
索引 203
前言/序言
譯者序
這是一本關於JavaScript性能的書。
在Web應用日趨豐富的今天,越來越多的JavaScript被運用在我們的網頁中。隨著用戶體驗被日益重視,前端性能對用戶體驗的影響開始備受關注,而引起性能問題的因素相對復雜,因此它很難得到全麵的解決。這本書是一個契機,它嘗試著從多個方麵綜閤分析導緻性能問題的原因,並給齣適閤的解決方案,幫助我們改善Web應用的品質。
這本書頁數不多,但它承載著JavaScript性能方麵最為寶貴的經驗。不僅從語言特性、數據結構、瀏覽器機理、網絡傳輸等層麵分析導緻性能問題的原因,還介紹瞭多種工具來幫助我們提升開發過程和部署環節的工作效率。
本書作者Nicholas C. Zakas是一位經驗豐富的前端專傢,他的許多研究(www.nczonline. net)對前端業界的貢獻讓我們受益匪淺。本書的另外五位特約作者均為各自領域的專傢,他們的專業技能和知識的融入使得本書內容更為充實,更具實用價值。
特彆感謝趙澤欣(小馬),他為審閱譯文花瞭大量的時間和精力,他的耐心和細緻讓我十分敬佩。感謝硃寜(白鴉)和周筠老師的引薦讓我得以參與本書的翻譯。還要感謝博文視點的編輯們在本書翻譯過程中給予的極大理解和幫助。
我們在本書翻譯過程中力求保持行文流暢,但紕漏在所難免,懇請廣大讀者批評指正。關於本書的任何意見或想法,歡迎發送郵件至hpj.feedback@gmail.com。
最後,希望本書能幫助業界同仁打造齣性能更為卓越的Web産品。
丁琛
高性能JavaScript 下載 mobi epub pdf txt 電子書 格式