资讯专栏INFORMATION COLUMN

什么是虚拟DOM?

hosition / 899人阅读

摘要:虚拟之上延伸了什么概念由于是虚拟,延伸了的是声明式的,我们不需要具体操作。虚拟没有解决什么问题目前自己了解的,虚拟无非是对象的表示。参考链接官网怎么写你自己的虚拟

虚拟DOM的内涵和外延? 内涵

虚拟DOM它是真实DOM的内存表示,一种编程概念,一种模式。它会和真实的DOM同步,比如通过ReactDOM这种库,这个同步的过程叫做调和(reconcilation)。

描述HTML标签,使用JS对象来表示。

虚拟DOM更多是一种模式,不是一种特定的技术。

外延

它的外延便是javaScript对象,而React返回的React元素也是对象,层层嵌套,就像DOM树。

虚拟DOM提出,解决了什么问题?

一个技术提出,背后有它的故事的。是什么呢?怎么会提出虚拟DOM?当时技术解不了什么问题?
提出了虚拟DOM,那怎么去实现一套技术呢?怎么声明语法?

在React世界里,虚拟DOM跟React元素关联在一起的,因为它们都表达了用户界面的对象。
这个编程概念提出,解放了对DOM细节的操作,无须关心具体DOM的API,只需要描述,我想要什么样的页面,告诉React,它会帮我们去渲染。

虚拟DOM之上延伸了什么概念?

由于是虚拟DOM,延伸了React的API是声明式的,我们不需要具体操作DOM。ReactDOM会操作DOM。

虚拟DOM没有解决什么问题?

目前自己了解的,虚拟DOM无非是JavaScript对象的表示。

参考链接:
React官网-Virtual DOM

怎么写你自己的虚拟DOM

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109670.html

相关文章

  • 虚拟Dom详解 - (一)

    摘要:为此也做了一些学习简单的侃一侃虚拟到底是什么虚拟详解二什么是虚拟虚拟首次产生是框架最先提出和使用的,其卓越的性能很快得到广大开发者的认可,继之后也在其核心引入了虚拟的概念。所谓的虚拟到底是什么也就是通过语言来描述一段代码。 随着Vue和React的风声水起,伴随着诸多框架的成长,虚拟DOM渐渐成了我们经常议论和讨论的话题。什么是虚拟DOM,虚拟DOM是如何渲染的,那么Vue的虚拟Dom...

    ashe 评论0 收藏0
  • 虚拟DOM

    摘要:什么是虚拟举例说明如果网页中有一个表格,表头是姓名,年级,分数。即我们用虚拟的结构替换需要处理的结构,对虚拟的进行操作之后再进行渲染,就成为了真实的数据。当状态变更的时候用修改后的新渲染的的对象和旧的虚拟对象作对比,记录着两棵树的差异。 虚拟DOM 可以看看这个文章如何理解虚拟DOM? - 戴嘉华的回答 - 知乎 https://www.zhihu.com/questio... 深度剖...

    yanwei 评论0 收藏0
  • 虚拟DOM

    摘要:什么是虚拟举例说明如果网页中有一个表格,表头是姓名,年级,分数。即我们用虚拟的结构替换需要处理的结构,对虚拟的进行操作之后再进行渲染,就成为了真实的数据。当状态变更的时候用修改后的新渲染的的对象和旧的虚拟对象作对比,记录着两棵树的差异。 虚拟DOM 可以看看这个文章如何理解虚拟DOM? - 戴嘉华的回答 - 知乎 https://www.zhihu.com/questio... 深度剖...

    alin 评论0 收藏0
  • 虚拟Dom

    Virtual Dom vdom 是vue和react的核心 vdom是什么东西,有什么用,为什么会存在vdom? vdom如何应用,核心API是什么? diff算法 ## 什么是vdom ## 用js模拟DOM结构 DOM变化的对比,放在JS层来做 提高重绘性能 Item 1 Item 2 用js来模拟 { tag:ul, attrs:{ id:...

    waruqi 评论0 收藏0
  • 虚拟 DOM 到底什么

    摘要:很多人认为虚拟最大的优势是算法,减少操作真实的带来的性能消耗。虽然这一个虚拟带来的一个优势,但并不是全部。回到最开始的问题,虚拟到底是什么,说简单点,就是一个普通的对象,包含了三个属性。 是什么? 虚拟 DOM (Virtual DOM )这个概念相信大家都不陌生,从 React 到 Vue ,虚拟 DOM 为这两个框架都带来了跨平台的能力(React-Native 和 Weex)。因...

    jayce 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<