react 虚拟dom 的原理简单理解_react中虚拟dom的原理

作者：代码探索者 | 2024-01-30 21:51:29

踩

react中虚拟dom的原理

原理：

react 在内存中生成维护一个跟真实DOM一样的虚拟DOM 树，在改动完组件后，会再生成一个新得DOM，react 会把新虚拟DOM 跟原虚拟DOM 进行比对，找出两个DOM 不同的地方diff ，然后把diff放到队列里面，然后批量更新diff 到真实DOM 上

优点：最终真实DOM 就只更新了diff 部分，提高了渲染速度

缺点：首次渲染DOM 时候由于多了一层虚拟DOM 计算，就比html 渲染慢

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/article/detail/49761