高性能JavaScript

出版者:电子工业出版社

作者:[美] 尼古拉斯·泽卡斯

页数:210

译者:丁琛

出版时间:2015-8-1

价格:65

装帧:平装

isbn号码:9787121266775

具体描述

如果你使用 JavaScript 构建交互丰富的 Web 应用，那么 JavaScript 代码可能是造成你的Web应用速度变慢的主要原因。《高性能JavaScript》揭示的技术和策略能帮助你在开发过程中消除性能瓶颈。你将会了解如何提升各方面的性能，包括代码的加载、运行、DOM 交互、页面生存周期等。雅虎的前端工程师 Nicholas C. Zakas 和其他五位 JavaScript 专家介绍了页面代码加载的最佳方法和编程技巧，来帮助你编写更为高效和快速的代码。你还会了解到构建和部署文件到生产环境的最佳实践，以及有助于定位线上问题的工具。

作者简介

Nicholas C.Zakas，雅虎首页的主要开发者，雅虎用户界面库（YUI）代码贡献者，擅长利用JavaScript、HTML、CSS、XML、XSLT设计和实现WEB界面的软件工程师。

目录信息

前言 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
· · · · · · (收起)

读后感

本书从性能角度全面分析js，相比市面上大部分企图面面俱到的教材要好很多。中文版仅210页，字字如金。 作者做了大量的浏览器测试，科学可信，逐步分析js程序员关心的性能问题，并提供对应的解决技巧和方案。 本书是一本冲破js学习瓶颈的好书，书中隐含的编程思想和良好的编码习...  

好书，超好的一本书，可惜翻译人员完全不靠谱，倘若哪里看不懂或者有费解的，尽情痛斥翻译者吧。 前面凑合也过去了，看到正则那一章，P89，开始死活看不过去，不明白说的啥，最后找来原版PDF对照了一下，我勒个去。P89页最后一行原话是这样：It does, and the regex is also ...  

非常好的javascript性能和优化技巧书籍，作者做了大量的测试工作，总结了很多有价值的内容。不过在实际使用中要根据实际情况灵活使用，比如有些测试是在几万次的循环里才会有一些差距，这种情况下如果只是为了优化性能而使代码变得复杂和难以理解就得不偿失了。如果确实存在性...

作为一个前端，居然这是我看完的第一步javascript的书，说来惭愧，其实也还没有完全看完，DOM的那部分没有细看，因为觉得现在已经不再试DOM的时代了就没有看。 因为看过的书不多，所以不评价到底好不好，不过看完总会有不一样的收获，至少对于javascript编程的思想以及习惯上有...  

如果你使用JavaScript构建交互丰富的Web应用，那么JavaScript代码可能是造成你的Web应用速度变慢的主要原因。《高性能JavaScript》揭示的技术和策略能帮助你在开发过程中消除性能瓶颈。你将会了解如何提升各方面的性能，包括代码的加载、运行、DOM交互、页面生存周期等。雅虎的...  

用户评价

**案例驱动，直击痛点** 《高性能JavaScript》这本书最让我赞赏的是其“案例驱动”的学习模式。作者并非空谈理论，而是选取了大量来自真实开发场景的性能问题，然后通过层层剥离、深入分析，最终给出有效的优化方案。我曾经在项目中遇到过页面卡顿、响应缓慢的问题，但一直找不到根本原因。阅读了书中关于JavaScript内存泄漏的章节后，我恍然大悟，原来是某些不当的闭包使用和事件监听器没有及时移除导致的。书中提供的检测工具和调试技巧，更是帮助我准确地定位了问题所在。此外，关于大型列表渲染的优化，作者提出的虚拟滚动（Virtual Scrolling）技术，让我对如何高效地处理海量数据有了全新的认识，这对于构建数据密集型应用非常有启发。书中对数据结构和算法在性能优化中的作用也给予了充分的强调，这让我在思考问题时，能够更注重底层的效率。这本书就像一位经验丰富的导师，能够精准地指出我技术上的不足，并提供行之有效的改进方法。

**前瞻视角，引领未来** 拥有一本能够“站在未来看现在”的技术书籍是何其幸运。《高性能JavaScript》正是这样一本充满前瞻性的著作。它不仅仅局限于现有的JavaScript版本和浏览器特性，而是对未来Web性能的发展趋势进行了深刻的洞察。书中对WebAssembly的讨论，让我看到了JavaScript在性能敏感型应用中的巨大潜力，以及它如何与JavaScript协同工作，实现更复杂的计算需求。同时，作者对Service Workers的讲解也让我对离线应用和渐进式Web应用有了更深层次的理解，这无疑是未来Web应用发展的重要方向。书中对JavaScript引擎内部工作原理的深入剖析，也为我们理解未来引擎的演进打下了坚实的基础。例如，对JIT编译、代码缓存等技术的介绍，虽然听起来有些抽象，但却预示着JavaScript运行时性能的不断提升。这本书让我不仅仅关注当下，更能思考未来的技术走向，并为迎接挑战做好准备。它是一本能够激发思考、引领方向的里程碑式作品。

**实战为王，告别盲区** 《高性能JavaScript》这本书最大的亮点在于其极强的实战指导意义。作者结合了大量实际开发中遇到的性能瓶颈，提供了切实可行的解决方案。我印象最深刻的是关于网络请求优化的部分，书中详细讲解了如何通过合并请求、使用CDN、优化图片格式、以及利用HTTP/2的新特性来显著提升页面加载速度。这些内容对于我目前负责的电商项目来说，简直是雪中送炭。书中还提供了许多关于代码打包和压缩的技巧，例如代码分割、Tree Shaking等，这些都直接关系到最终打包后的文件体积，进而影响用户体验。作者并没有回避一些技术上的细节，比如如何正确地使用Web Workers来执行耗时的计算任务，从而不阻塞主线程，保持UI的响应性。读完这些章节，我感觉自己过去的一些性能优化盲区被彻底点亮了。书中提供的案例分析也十分贴切，让我能够立刻将学到的知识应用到实际项目中，并看到了立竿见影的效果。这是一本真正能帮助开发者解决实际问题的“硬核”技术书籍。

**深入浅出，点燃热情** 在我看来，《高性能JavaScript》最可贵之处在于它将那些原本枯燥、晦涩的技术概念，以一种引人入胜的方式呈现出来。作者在讲解JavaScript引擎的垃圾回收机制时，用生动的比喻和清晰的图示，将复杂的内存管理过程变得易于理解。他并没有为了炫技而堆砌复杂的术语，而是用最简洁、最直观的语言，将核心思想传达给读者。这种“深入浅出”的能力，对于我这个非科班出身的开发者来说，简直是福音。书中关于函数式编程在性能优化中的应用，也让我看到了另一种看待问题的方式，例如柯里化（Currying）和组合（Composition）如何帮助我们编写更清晰、更易于优化的代码。这本书不仅教会我如何“更快”，更教会我如何“更好”地编写JavaScript。它点燃了我对JavaScript底层原理的探索热情，让我愿意花更多的时间去理解那些“看不见的”优化工作。读完这本书，我不再畏惧那些关于性能的挑战，反而充满了自信和期待。

**深度探索，触类旁通** 初次翻开《高性能JavaScript》，就被其深入浅出的讲解风格深深吸引。这本书并非简单地罗列技巧，而是着眼于JavaScript引擎的底层机制，从内存管理、垃圾回收、事件循环到V8引擎的优化策略，层层剖析，抽丝剥茧。作者并没有止步于表面现象，而是引导读者理解“为什么”这样做能够提升性能，这对于我这个长期在前端领域摸爬滚打的开发者来说，无疑是醍醐灌顶。我尤其欣赏书中关于DOM操作优化的章节，它不仅给出了具体的代码示例，更重要的是解释了其背后的原理，例如批处理更新、使用DocumentFragment等，让我对如何减少重绘和回流有了更清晰的认识。此外，关于异步编程的论述也相当精彩，从回调地狱到Promise，再到async/await，作者将这些演进过程娓娓道来，并强调了它们在性能方面的权衡。读完这本书，我感觉自己对JavaScript的理解上升了一个维度，不再仅仅是“会用”，而是“理解其精髓”，这对于构建更健壮、更高效的Web应用至关重要。它是一本值得反复研读的案头宝典，每一次翻阅都能有新的收获。

已过时,属于js性能优化技巧的合集,部分小技巧依然具有意义。

算是一些 Web 开发中需要懂得的基本性能相关的知识吧。同时也可以作为一个手册来查一查

算是一些 Web 开发中需要懂得的基本性能相关的知识吧。同时也可以作为一个手册来查一查

2015版，有一些内容有更新，但大部分内容还是和前一版本一样。合适进阶的开发者看，给五星，但有些内容太老，减掉一星。

算是一些 Web 开发中需要懂得的基本性能相关的知识吧。同时也可以作为一个手册来查一查