5.1.1.2 避免频繁 UI 刷新

文档摘要

5.1.1.2 避免频繁 UI 刷新你有没有在深夜调试一个“明明逻辑很简单”的列表页，却眼睁睁看着帧率从60掉到22，滚动卡顿得像老式胶片机？有没有在性能分析器里点开栈，发现短短300毫秒内，同一个组件被强制重绘了17次——而其中15次，只是因为某个父组件的里顺手，触发了整棵树的无效 diff？有没有改完一行代码，测试同学发来截图：“老师，下拉刷新时头像突然闪三下”，你盯着 React DevTools 的 Profiler 面板，手指悬在键盘上，却不敢点下“重新录制”——怕又看到那串刺眼的红色块，像心电图骤停前的最后抖动？这不是玄学。这是 UI 刷新失控的典型症状：不是渲染慢，而是渲染太多；不是逻辑错，而是刷新无度；不是设备差，而是我们亲手把浏览器拖进了重绘泥潭。