搜索历史

{{ i+1 }}{{ v }}

搜索推荐

{{ i+1 }}{{ v }}

"为什么虚拟 dom 会提高性能?"

转载翻译原创

问答题 · 前端 · react · @{ formatTime(detail.create_time) }

为什么虚拟 dom 会提高性能?

虚拟 dom 相当于在 js 和真实 dom 中间加了一个缓存，利用 dom diff 算法避免了没有必要的 dom 操作，从而提高性能。

用 JavaScript 对象结构表示 DOM 树的结构；然后用这个树构建一个真正的 DOM 树，插到文档当中当状态变更的时候，重新构造一棵新的对象树。然后用新的树和旧的树进行比较，记录两棵树差异把 2 所记录的差异应用到步骤 1 所构建的真正的 DOM 树上，视图就更新了。

PS：写作不易，如要转裁，请标明转载出处。

猜你想看: 在构造函数调用 super 并将 props 作为参数传入的作用是啥？; 什么是 prop drilling，如何避免？; 什么是 React Fiber?; 组件库如何做按需加载？; useMemo & useCallback的作用是什么？

回顶部