前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >React篇(037)-什么是 Virtual DOM?

React篇(037)-什么是 Virtual DOM?

作者头像
齐丶先丶森
发布2022-05-12 20:56:06
1900
发布2022-05-12 20:56:06
举报
文章被收录于专栏:前端面试秘籍

Virtual DOM (VDOM) 是 Real DOM 的内存表示形式。UI 的展示形式被保存在内存中并与真实的 DOM 同步。这是在调用的渲染函数和在屏幕上显示元素之间发生的一个步骤。整个过程被称为 reconciliation。

Real DOM vs Virtual DOM

Real DOM

Virtual DOM

更新较慢

更新较快

可以直接更新 HTML

无法直接更新 HTML

如果元素更新,则创建新的 DOM

如果元素更新,则更新 JSX

DOM 操作非常昂贵

DOM 操作非常简单

较多的内存浪费

没有内存浪费

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-12-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端面试秘籍 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档