react diff 原理

1.把树形结构按照层级分解,只比较同级元素。

2.给列表结构的每个单元添加唯一的 key 属性,方便比较。

3.React 只会匹配相同 class 的 component(这里面的 class 指的是组件的名字)

4.合并操作,调用 component 的 setState 方法的时候, React 将其标记为 dirty.到每一个事件循环结束, React 检查所有标记 dirty 的 component 重新绘制.

5.选择性子树渲染。开发人员可以重写 shouldComponentUpdate 提高 diff 的性能。

相关推荐

  1. selenium原理

    2024-03-14 09:48:06       57 阅读
  2. SpringIoC原理

    2024-03-14 09:48:06       52 阅读
  3. adaptive原理

    2024-03-14 09:48:06       58 阅读
  4. TCP原理

    2024-03-14 09:48:06       47 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-14 09:48:06       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-14 09:48:06       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-14 09:48:06       82 阅读
  4. Python语言-面向对象

    2024-03-14 09:48:06       91 阅读

热门阅读

  1. C语言下使用SQL语言

    2024-03-14 09:48:06       38 阅读
  2. 探索大语言模型(LLM):部分数据集介绍

    2024-03-14 09:48:06       46 阅读
  3. 同程旅行前端面试汇总

    2024-03-14 09:48:06       41 阅读
  4. 数据结构导航 -- 38篇

    2024-03-14 09:48:06       35 阅读
  5. gen_arrow_contour_xld

    2024-03-14 09:48:06       42 阅读
  6. wayland(xdg_wm_base) + egl + opengles 光照模型实例(十五)

    2024-03-14 09:48:06       48 阅读
  7. OMP实现MATLAB压缩感知实例

    2024-03-14 09:48:06       47 阅读
  8. vue中使用video.js,且可以截图、录制和下载视频

    2024-03-14 09:48:06       74 阅读
  9. CSS 01

    CSS 01

    2024-03-14 09:48:06      33 阅读
  10. Rust 如何优雅关闭 channel

    2024-03-14 09:48:06       46 阅读
  11. 【MySQL 系列】MySQL 函数篇

    2024-03-14 09:48:06       37 阅读
  12. SQL进阶(五):With 函数 vs 视图函数

    2024-03-14 09:48:06       36 阅读
  13. 【 React 】React 中引入css的方式有哪几种?区别?

    2024-03-14 09:48:06       45 阅读
  14. CSS常见选择器

    2024-03-14 09:48:06       42 阅读