javascript - 是否有一个模板引擎可以在数据更改时更新 DOM？

Question

到目前为止我尝试过的所有模板引擎(Handlebars、Underscore、Embedded)都要求您输入数据并将模板呈现为 HTML。但是，我的数据更新相当频繁，这会导致页面在重建布局时闪烁。

是否有一个模板引擎支持更新 DOM，而不是每次都重新创建它？

Answer 1

React是一种“ View 框架”，允许 DOM 根据您提供的任何数据重新渲染。

你可以编写组件，当状态(即属于组件的数据)发生变化时，组件将重新渲染。

这本质上意味着布局是数据的函数。

我会看一下 Getting Started (React) 。有很多可用的教程。

请注意，React 仅处理“ View ”层。您必须决定数据流如何发生。作为起点，我会查看 Redux ，它开始流行。

Is there a template engine that supports updating the DOM instead of recreating it every time?

在底层，React 并不总是需要重新渲染整个 DOM。它在内存中保存 DOM 的虚拟表示(称为虚拟 DOM)，查看数据、实际 DOM 和虚拟 DOM，并决定实际需要重新渲染的内容。