【 React 】Real DOM 和Virtual DOM的区别？优缺点？

1. 是什么

Real DOM,真实DOM ,意思为文档对象模型，是一个结构化文本的抽象，在页面渲染出的每一个结点都是一个真实DOM结构，如下：

<div id="root">
    <h1>Hello World</h1>
</div>

Virtual Dom,本质上是以JavaScript对象形式存在的对DOM的描述
创建虚拟DOM目的就是为了更好将虚拟的节点渲染到页面视图中，虚拟DOM对象的节点与真实DOM 的属性一—照应
在React中，JSX是其一大特性，可以让你在JS中通过使用XML的方式去直接声明界面的DOM结构