文章浏览阅读193次,点赞4次,收藏6次。其中 UI 的状态被保存在内存中,作为一个(或者说是 JavaScript 对象),然后通过一个叫做 “对比(diffing)” 的过程来更新视图。这个模型的主要目标是,因为直接操作 DOM 通常比较慢,而在 JavaScript 中进行计算则相对较快。在 Vue.js、React 等前端框架中,虚拟 DOM 是一个核心的概念。当数据变化时,框架会创建一个新的虚拟 DOM,然后将新的虚拟 DOM 与旧的虚拟 DOM 进行对比,找出两者的差异。
文章浏览阅读193次,点赞4次,收藏6次。其中 UI 的状态被保存在内存中,作为一个(或者说是 JavaScript 对象),然后通过一个叫做 “对比(diffing)” 的过程来更新视图。这个模型的主要目标是,因为直接操作 DOM 通常比较慢,而在 JavaScript 中进行计算则相对较快。在 Vue.js、React 等前端框架中,虚拟 DOM 是一个核心的概念。当数据变化时,框架会创建一个新的虚拟 DOM,然后将新的虚拟 DOM 与旧的虚拟 DOM 进行对比,找出两者的差异。