性能优化
Recalculate Styles
某些操作改变某些元素的会导致重绘的属性(eg:scrollLeft),且这些元素有关联渲染的关系(eg:滚动中需要对齐)。若该类操作无法被避免,应该将这些操作放在一起执行,也就是在某一处(或某一刻),同时修改这些元素的属性。这样至少不会丢失同步(eg:滚动同步)。如果出现卡顿,则说明操作多余,或该操作不适合,应该被替换。
在react中则 中间态,中间变量 全部用 ref 缓存 state 生效渲染变更,最终在 useEffect 或 didUpdate 中一次性进行触发重绘操作的整体操作。
Wheel
在一帧中收集所有的滚动信息,在帧末进行滚动触发操作