专业做曝光引流网站,国家反诈中心app下载流程,烟台艺术学校官网,mip wordpress模板[react] 说说react diff的原理是什么
内存中存储两颗树#xff0c;一颗树是已经渲染的树结构#xff08;Current Tree#xff09;#xff0c;另一颗是即将变化的树#xff08;Fiber Tree#xff09;。 每次状态发生变化#xff0c;会对原来的树结构进行遍历#xff0c…[react] 说说react diff的原理是什么
内存中存储两颗树一颗树是已经渲染的树结构Current Tree另一颗是即将变化的树Fiber Tree。 每次状态发生变化会对原来的树结构进行遍历遍历过程中会通过比较每个节点的结构与之前 Fiber 结构的区别生成新的树最终将新的树与旧的树进行替换。 DOM Diff 的依据很多会通过比较 ElementType、Props、文本、属性等相关来决定是复用原来的节点还是创建新的节点。 DOM Diff 在列表的对比中会通过 key 来进行唯一标识符定位如果 key 未发生变化则认为节点可复用。只会进行移动操作而不会重新创建
个人简介
我是歌谣欢迎和大家一起交流前后端知识。放弃很容易 但坚持一定很酷。欢迎大家一起讨论 主目录
与歌谣一起通关前端面试题
