React 的虚拟dom是怎么实现的
🌙
手机阅读
本文目录结构
问题
React 的虚拟dom是怎么实现的
答案
⾸先说说为什么要使⽤ Virturl DOM ，因为操作真实 DOM 的耗费的性能代价 太⾼，所以 react 内部使⽤ js 实现了⼀套dom结构，在每次操作在和真实 dom之前，使⽤实现好的diff算法，对虚拟dom进⾏⽐较，递归找出有变化的 dom节点，然后对其进⾏更新操作。为了实现虚拟 DOM ，我们需要把每⼀种 节点类型抽象成对象，每⼀种节点类型有⾃⼰的属性，也就是prop，每次进 ⾏ diff 的时候， react 会先⽐较该节点类型，假如节点类型不⼀样，那么 react 会直接删除该节点，然后直接创建新的节点插⼊到其中，假如节点类 型⼀样，那么会⽐较 prop 是否有更新，假如有 prop 不⼀样，那么 react 会判定该节点有更新，那么重渲染该节点，然后在对其⼦节点进⾏⽐较，⼀层 ⼀层往下，直到没有⼦节点
更多面试题
如果你想了解更多的前端面试题，可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题，也有一些大公司的面试图，可以让你面试更加顺利。
| 面试题 | ||
|---|---|---|
| HTML | CSS | JavaScript |
| jQuery | Vue.js | React |
| 算法 | HTTP | Babel |
| BootStrap | Electron | Gulp |
| Node.js | 前端经验相关 | 前端综合 |
| Webpack | 微信小程序 | - |
这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！
