阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      React 的虚拟dom是怎么实现的

      问题

      React 的虚拟dom是怎么实现的

      答案

      ⾸先说说为什么要使⽤ Virturl DOM ,因为操作真实 DOM 的耗费的性能代价 太⾼,所以 react 内部使⽤ js 实现了⼀套dom结构,在每次操作在和真实 dom之前,使⽤实现好的diff算法,对虚拟dom进⾏⽐较,递归找出有变化的 dom节点,然后对其进⾏更新操作。为了实现虚拟 DOM ,我们需要把每⼀种 节点类型抽象成对象,每⼀种节点类型有⾃⼰的属性,也就是prop,每次进 ⾏ diff 的时候, react 会先⽐较该节点类型,假如节点类型不⼀样,那么 react 会直接删除该节点,然后直接创建新的节点插⼊到其中,假如节点类 型⼀样,那么会⽐较 prop 是否有更新,假如有 prop 不⼀样,那么 react 会判定该节点有更新,那么重渲染该节点,然后在对其⼦节点进⾏⽐较,⼀层 ⼀层往下,直到没有⼦节点

      更多面试题

      如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。

      面试题
      HTMLCSSJavaScript
      jQueryVue.jsReact
      算法HTTPBabel
      BootStrapElectronGulp
      Node.js前端经验相关前端综合
      Webpack微信小程序-

      这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

      目录
      目录