虚拟DOM(vdom)真的很快吗?

87 阅读1分钟

vdom

  • Virtual DOM 虚拟DOM
  • 用JS对象模拟DOM节点数据
  • 由React最先推广使用

Vue React 等框架的价值

  • 组件化
  • 数据视图分离,数据驱动视图————这是核心!(更加关注业务数据操作,而不是关心视图操作(DOM操作))
  • 只关注业务数据,而不再关心DOM变化

数据驱动视图,技术方案:vdom

  • vdom并不快,JS直接操作DOM才是最快的
  • 但“数据驱动视图”要有合适的技术方案,不能全部DOM重建
  • vdom就是目前最合适的技术方案(并不是因为它快,而是因为它合适)

对比

jquery 对DOM节点操作,全部DOM重建 vdom :1. data变化 2. vnode diff 3. 部分更新dom

扩展:svelte就不用vdom

image.png