page contents

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

轩辕小不懂 发布于 2021-07-31 15:14
阅读 580
收藏 0
分类:WEB前端开发
1503
Nen
Nen
- 程序员

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

具体实现步骤如下:

用 JavaScript 对象结构表示 DOM 树的结构;然后用这个树构建一个真正的 DOM 树,插到文档当中

当状态变更的时候,重新构造一棵新的对象树。然后用新的树和旧的树进行比较,记录两棵树差异

把2所记录的差异应用到步骤1所构建的真正的DOM树上,视图就更新了。

请先 登录 后评论