五《diff》

目录

  • diffing 简介

diffing 简介

diff 是什么?

Diffing 是一种算法,通过循环递归的方法计算一个树形结构和另一个树形结构的差异

React 为什么用 diff?

React render 方法会创建一棵由 React 元素组成的树,在下一次 state 和 props 更新时,相同的 render 方法会返回一棵不同的树。React 需要基于这两棵树之间的差别更新 UI 以保证当前 UI 与最新的树同步

React diff 具体规则?

对比不同类型的元素

根节点为不同类型的元素时,React 会拆卸原有的树并且建立起新的树,组件实例将执行 componentWillUnmount 方法

非根节点为不同类型的元素时,React 会拆卸原有节点并且建立新的节点

对比同一类型的元素

对比两个相同类型的 React 元素时,React 会保留 DOM 节点,仅对比更新有改变的属性

对比同类型的组件元素

组件实例保持不变,React 将更新改组件实例的 props 以跟最新的元素保持一致,并触发 componentWillReceivePropscomponentWillUpdate 方法

全部评论

相关推荐

今天周一休息,突发奇想写一篇阶段总结。如题,我已经去了一个和Java彻底毫无关联的行业。曾经我以为自己能在计算机行业发光发热,没想到刚入行一年多就当了逃兵。从最开始的热爱到现在一看到代码就厌恶,不知道自己经历了什么。所以我去干什么了?答案是:在成都当了租房销售。上班那会压力大了就念叨着去干租房中介,但是一直下不去这个决心,想着自己学了四年多的计算机知识,终究还是不甘心。终于在某一天准备八股文的时候,看着无数篇和工作内容关系不大的理论知识,那一刻下定决心,决定尝试一下销售行业,也算是给自己一个交代。后面阴差阳错的投了成都自如去当租房管家,没想到面试很顺利,在当天一百多个面试的人里面,我成为了为数不多通过的几个幸运儿之一。目前已经培训通过,正式入职,也开了单,也有压力但是每天过得很开心,真心喜欢那种和人交流的感觉,哪怕是最后没有选择找我租房。说这些也是想告诉那些大三,大四正在找Java实习而焦虑的同学:你们现在还年轻,选择很多,容错率也很高,可以尽情去尝试自己喜欢的行业和工作。不用因为某一次的面试没通过或者简历石沉大海而焦虑,更不用因为身边人都在挤编程的独木桥就强迫自己跟风。也算是自己的碎碎念吧,也希望自己能在新的领域取得一点小成就。也祝牛油工作顺利!
沉淀小子:干啥都不丢人啊,生存是必须要的,销售很考验一个人综合素质能力的,好的销售人脉和资源可不比写字楼的白领差啊
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务