vlambda博客
学习文章列表

回答

像 jQuery 这样对 DOM 操作的库，应用程序的数据通常保存在 DOM 自身中，通常作为类名或者 data 的属性。操作 DOM 来更新 UI 涉及许多额外的步骤并且可能随着时间的推移产生细微的 bug。保持状态的分离，当状态有修改时才让框架去处理 UI 的更新可以降低复杂度。也就是说使用手动更新 UI 的方式来表示一个新状态可以改进为：当状态为某个值时，可以让 UI 以使用创建应用程序的声明方式进行展现。

加分回答

• 虚拟 DOM 用一个普通的对象来表示真实的 DOM 树，他允许一个库去编写类似放弃整个 document ，只在每次修改时才重新构建 DOM 的代码，而真实的 DOM 需要去更新他做过的所有修改。对比新的虚拟 DOM 和其前一个状态的虚拟 DOM 可以提高效率，因为和重新计算虚拟 DOM 相比，修改真实 DOM 节点需要更大的开销。

• JSX 是对 JavaScript 的扩展，他提供了类似 XML 的语法来创建虚拟 DOM 对象，通过转换器转换为函数调用。与标记模板语言相比，他简化了控制流程（if 语句/三元表达式）。