react 虚拟dom 的原理简单理解

原理:

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

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

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

猜你喜欢

转载自blog.csdn.net/zzh738579138/article/details/79747283
今日推荐