react中虚拟DOM的基本概念

react中的核心概念

1、DOM的本质是什么: 浏览器中的概念,用js对象来表示页面上的元素,并提供操作DOM对象的API

2、什么事react中的虚拟DOM:是框架中的概念,是程序员用js对象来模拟页面上的DOM和DOM 的嵌套

3、为什么要实现虚拟DOM:为了实现页面中DOM元素的高效更新

4、DOM和虚拟DOM的区别:

  DOM:浏览器中提供的概念,用js对象表示页面上的元素,并提供操作议元素的API

  虚拟DOM:手动用js对象来模拟DOM元素和嵌套关系

<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
1111
<p>222222</p>
</div>
</body>
</html>
<script>
var div = {
tagName: 'div',
attrName: 1111,
children: {
tagName: 'p',
attr: 2222
}
}
</script>