高性能Javascript 精读笔记，帮你从多个维度了解并优化javascript的性能

高性能Javascript 精读笔记

大家好，我是[你的名字]，今天我来给大家推荐的书是《高性能JavaScript》。在这本书中，我们将深入了解javascript开发过程中的性能瓶颈，并学习如何提升各方面的性能，包括代码的加载、运行、DOM交互、页面生存周期等。同样，我们今天还是用思维导图的方式来精读一遍。（思维导图图片可能有点小，记得点开看，看不清的话可以下载下来看。）

1. 代码加载性能

代码加载性能主要包括两方面：减少HTTP请求数和优化HTTP请求。

减少HTTP请求数

• 使用CSS雪碧图来减少HTTP请求数
• 使用HTTP/2协议来减少HTTP请求数
• 使用CDN来减少HTTP请求数

优化HTTP请求

• 使用gzip压缩来优化HTTP请求
• 使用长连接来优化HTTP请求
• 使用缓存来优化HTTP请求

2. 运行性能

运行性能主要包括两方面：减少内存开销和优化执行速度。

减少内存开销

• 使用数据结构来减少内存开销
• 使用闭包来减少内存开销
• 使用作用域来减少内存开销

优化执行速度

• 使用JIT编译器来优化执行速度
• 使用WebAssembly来优化执行速度
• 使用多线程来优化执行速度

3. DOM交互性能

DOM交互性能主要包括两方面：减少DOM操作和优化DOM操作。

减少DOM操作

• 使用事件委托来减少DOM操作
• 使用虚拟DOM来减少DOM操作
• 使用SSR来减少DOM操作

优化DOM操作

• 使用requestAnimationFrame来优化DOM操作
• 使用批处理来优化DOM操作
• 使用硬件加速来优化DOM操作

4. 页面生存周期

页面生存周期主要包括两方面：优化页面加载时间和优化页面卸载时间。

优化页面加载时间

• 使用预加载来优化页面加载时间
• 使用预渲染来优化页面加载时间
• 使用服务端渲染来优化页面加载时间

优化页面卸载时间

• 使用unload事件来优化页面卸载时间
• 使用beforeunload事件来优化页面卸载时间
• 使用页面缓存来优化页面卸载时间

5. 总结

以上就是《高性能JavaScript》的精读笔记。通过学习这本书，我们可以了解javascript开发过程中的性能瓶颈，并学习如何提升各方面的性能。希望大家能够学以致用，在自己的项目中实践这些优化技巧，从而提升javascript的性能。