81.简述diff的算法过程

30 阅读1分钟

核心:

  1. 两个相同的组件产生类似的Dom结构,不同的组件产生不同的DOM结构
  2. 同一层级的一组节点,通过唯一标识来区分

当页面数据发生变化的时候,diff算法只会比较同一层级的节点

  1. 节点类型不同——直接干掉前面的节点,再创建并插入新的节点,不会再比较这个节点以后的子节点
  2. 节点类型相同——会重新设置节点的属性,从而实现节点的更新