什么是虚拟DOM和其他很少的反应疑问

Question

我刚开始学ReactJS。我以前在所有的项目中都使用jQuery和Javascript，在阅读了教程后，对ReactJS几乎没有什么疑问。

>

为什么我需要ReactJS，jQuery仍然是用来更新DOM和handlebar，dust是用来处理模板的。

Answer 1

以我的理解，我解释是为了让你明白：

以列表次数为例：

>

如果这些列表项之一更新，那么DOM将重新呈现整个列表。这就是DOM效率低下的根源。

null

我希望这有助于阐明React使用虚拟DOM的效率优势。

更多的是为什么React的虚拟DOM概念据说比肮脏的模型检查性能更好？

反应，它不仅仅是一个模板引擎。因此，JSX比模板引擎更宽泛。希望你知道模板引擎是如何工作的。下面是比较：

JSX/JS:      javascript -> vdom
Template:    string -> javascript -> vdom

// File 1 - templates/progress.html
<div class="progress-container">
  <div class="progress-bar" data-style="width: $val"></div>
</div>

// File 1 -- progress
const (val) => (
  <div class="progress-container">
    <div class="progress-bar" style={{width: val}}></div>
  </div>
);

>

jQuery直接与DOM交互。

其思想是DOM元素携带了太多不必要的数据，而虚拟DOM抽象了相关部分，从而提高了性能。

在React中，修改虚拟DOM，然后将其与现有DOM元素进行比较，并进行必要的更改/更新。

我希望我能尽力消除你的疑虑