框架内的DOM的操作


以AngularJS为例:

绑定监听事件,如果数据发生变化,自动修改DOM节点。


image.png

以React为例:

Virtual DOM 概况来讲,就是在数据和真实 DOM 之间建立了一层缓冲。对于开发者而言,数据变化了就调用 React 的渲染方法,而 React 并不是直接得到新的 DOM 进行替换,而是先生成 Virtual DOM,与上一次渲染得到的 Virtual DOM 进行比对,在渲染得到的 Virtual DOM 上发现变化,然后将变化的地方更新到真实 DOM 上。


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 React 好像已经火了很久很久,以致于我们对于 Virtual DOM 这个词都已经很熟悉了,网上也有非常...
    NARUTO_86阅读 17,221评论 6 65
  • 变化这件事谈论页面的变化之前,咱们先看下数据和页面(视觉层面的页面)的关系。数据是隐藏在页面底下,通过渲染展示给用...
    Www刘阅读 471评论 0 1
  • 参考文章:深度剖析:如何实现一个Virtual DOM 算法 作者:戴嘉华React中一个没人能解释清楚的问题——...
    waka阅读 5,989评论 0 21
  • 今天感冒逃课一天,看了1962年日本拍摄的时代剧电影《斩》,随手记下一点观影感受。 一,影片品质高:不说表达的武士...
    山南白云阅读 2,354评论 2 2
  • 第一节 叹息 “好了,林渝,我很遗憾,你很可能活不过一个月了。”医生沉重的语气,打破了这里的寂静。 “谢谢。”坐在...
    爱恨情仇丶沧海桑田阅读 278评论 0 0