一、DOM 操作相比普通 JS 操作
DOM 操作慢,这个概念最初来自于《高性能 JavaScript》这本书,但文中没有给出任何数据和对比。
快慢这种描述是个相对值,而非绝对值。
今天用代码实际操作得出数据比较一下,DOM 操作到底慢不慢?相对于什么慢?
<
主要对比 JavaScript push 方法和 JavaScript DOM 操作
const
当用原生 JavaScript DOM 操作插入 1000 、10000、10000 个节点的结果:
![27a138cfb6881f23f6a40b29d4917f73.png](https://img-blog.csdnimg.cn/img_convert/27a138cfb6881f23f6a40b29d4917f73.png)
![779d0196b74e1cdf08be1d6f80fb3854.png](https://img-blog.csdnimg.cn/img_convert/779d0196b74e1cdf08be1d6f80fb3854.png)
DOM 操作慢,这个概念最初来自于《高性能 JavaScript》这本书,但文中没有给出任何数据和对比。
快慢这种描述是个相对值,而非绝对值。
今天用代码实际操作得出数据比较一下,DOM 操作到底慢不慢?相对于什么慢?
<
主要对比 JavaScript push 方法和 JavaScript DOM 操作
const
当用原生 JavaScript DOM 操作插入 1000 、10000、10000 个节点的结果: