
掃描右側(cè)圖片或微信搜索 “ Java技術(shù)分享屋 ” ,回復(fù) “ 驗(yàn)證碼 ” ,獲取驗(yàn)證密碼。
本資料僅供讀者預(yù)覽及學(xué)習(xí)交流使用,不能用于商業(yè)用途,請在下載后24小時內(nèi)刪除。如果喜歡,請購買正版!
一.資料圖片
二.資料簡介
如果你使用JavaScript構(gòu)建交互豐富的Web應(yīng)用,那么JavaScript代碼可能是造成你的Web應(yīng)用速度變慢的主要原因?!陡咝阅躂avaScript》揭示的技術(shù)和策略能幫助你在開發(fā)過程中消除性能瓶頸。你將會了解如何提升各方面的性能,包括代碼的加載、運(yùn)行、DOM交互、頁面生存周期等。雅虎的前端工程師Nicholas C. Zakas和其他五位JavaScript專家介紹了頁面代碼加載的最佳方法和編程技巧,來幫助你編寫更為高效和快速的代碼。你還會了解到構(gòu)建和部署文件到生產(chǎn)環(huán)境的最佳實(shí)踐,以及有助于定位線上問題的工具。
三.資料目錄
前言 1
第1章:加載和執(zhí)行 1
1.1 腳本位置 2
1.2 組織腳本 4
1.3 無阻塞的腳本 5
1.3.1 延遲的腳本 5
1.3.2 動態(tài)腳本元素 6
1.3.3 XMLHttpRequest腳本注入 9
1.3.4 推薦的無阻塞模式 10
1.4 小結(jié) 14
第2章:數(shù)據(jù)訪問 15
2.1 管理作用域 16
2.1.1 作用域鏈和標(biāo)識符解析 16
2.1.2 標(biāo)識符解析的性能 19
2.1.3 改變作用域鏈 21
2.1.4 動態(tài)作用域 24
2.1.5 閉包,作用域和內(nèi)存 24
2.2 對象成員 27
2.2.1 原型 27
2.2.2 原型鏈 29
2.2.3 嵌套成員 30
2.2.4 緩存對象成員值 31
2.3 小結(jié) 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 節(jié)點(diǎn)克隆 41
3.2.3 HTML集合 42
3.2.4 遍歷DOM 46
3.3 重繪與重排 50
3.3.1 重排何時發(fā)生? 51
3.3.2 渲染樹變化的排隊(duì)與刷新 51
3.3.3 最小化重繪和重排 52
3.3.4 緩存布局信息 56
3.3.5 讓元素脫離動畫流 56
3.3.6 IE和:hover 57
3.4 事件委托 57
3.5 小結(jié) 59
第4章:算法和流程控制 61
4.1 循環(huán) 61
4.1.1 循環(huán)的類型 61
4.1.2 循環(huán)性能 63
4.1.3 基于函數(shù)的迭代 67
4.2 條件語句 68
4.2.1 if-else對比switch 68
4.2.2 優(yōu)化if-else 70
4.2.3 查找表 72
4.3 遞歸 73
4.3.1 調(diào)用棧限制 74
4.3.2 遞歸模式 75
4.3.3 迭代 76
4.3.4 Memoization 77
4.4 小結(jié) 79
第5章:字符串和正則表達(dá)式 81
5.1 字符串連接 81
5.1.1 加(+)和加等于(+=)操作符 82
5.1.2 數(shù)組項(xiàng)連接 84
5.1.3 String.prototype.concat 86
5.2 正則表達(dá)式優(yōu)化 87
5.2.1 正則表達(dá)式工作原理 88
5.2.2 理解回溯 89
5.2.3 回溯失控 91
5.2.4 基準(zhǔn)測試的說明 96
5.2.5 更多提高正則表達(dá)式效率的方法 96
5.2.6 何時不使用正則表達(dá)式 99
5.3 去除字符串首尾空白 99
5.3.1 使用正則表達(dá)式去首尾空白 99
5.3.2 不使用正則表達(dá)式去除字符串首尾空白 102
5.3.3 混合解決方案 103
5.4 小結(jié) 104
第6章:快速響應(yīng)的用戶界面 107
6.1 瀏覽器UI線程 107
6.1.1 瀏覽器限制 109
6.1.2 多久才算“太久”? 110
6.2 使用定時器讓出時間片段 111
6.2.1 定時器基礎(chǔ) 112
6.2.2 定時器的精度 114
6.2.3 使用定時器處理數(shù)組 114
6.2.4 分割任務(wù) 116
6.2.5 記錄代碼運(yùn)行時間 118
6.2.6 定時器與性能 119
6.3 Web Workers 120
6.3.1 Worker運(yùn)行環(huán)境 120
6.3.2 與Worker通信 121
6.3.3 加載外部文件 122
6.3.4 實(shí)際應(yīng)用 122
6.4 小結(jié) 124
第7章:Ajax 125
7.1 數(shù)據(jù)傳輸 125
7.1.1 請求數(shù)據(jù) 125
7.1.2 發(fā)送數(shù)據(jù) 131
7.2 數(shù)據(jù)格式 134
7.2.1 XML 134
7.2.2 JSON 137
7.2.3 HTML 141
7.2.4 自定義格式 142
7.2.5 數(shù)據(jù)格式總結(jié) 144
7.3 Ajax性能指南 145
7.3.1 緩存數(shù)據(jù) 145
7.3.2 了解Ajax類庫的限制 148
7.4 總結(jié) 149
第8章:編程實(shí)踐 151
8.1 避免雙重求值(Double Evaluation) 151
8.2 使用Object/Array直接量 153
8.3 不要重復(fù)工作 154
8.3.1 延遲加載 154
8.3.2 條件預(yù)加載 156
8.4 使用速度快的部分 156
8.4.1 位操作 156
8.4.2 原生方法 159
8.5 小結(jié) 161
第9章:構(gòu)建并部署高性能JavaScript應(yīng)用 163
9.1 Apache Ant 163
9.2 合并多個JavaScript文件 165
9.3 預(yù)處理JavaScript文件 166
9.4 JavaScript壓縮 168
9.5 構(gòu)建時處理對比運(yùn)行時處理 170
9.6 JavaScript的HTTP壓縮 170
9.7 緩存JavaScript文件 171
9.8 處理緩存問題 172
9.9 使用內(nèi)容分發(fā)網(wǎng)絡(luò)(CDN) 173
9.10 部署JavaScript資源 173
9.11 敏捷JavaScript構(gòu)建過程 174
9.12 小結(jié) 175
第10章:工具 177
10.1 JavaScript性能分析 178
10.2 YUI Profiler 179
10.3 匿名函數(shù) 182
10.4 Firebug 183
10.41 控制臺面板分析工具 183
10.4.2 Console API 184
10.4.3 網(wǎng)絡(luò)面板 185
10.5 IE開發(fā)人員工具 186
10.6 Safari Web查看器 188
10.6.1 描述文件面板 189
10.6.2 資源面板 191
10.7 Chrome開發(fā)人員工具 192
10.8 腳本阻塞 193
10.9 Page Speed 194
10.10 Fiddler 196
10.11 YSlow 198
10.12 dyna Trace Ajax Edition 199
10.13 總結(jié) 202
索引 203