请说明浏览器在什么时机检测并应用你对 DOM 的修改，以及这与你预期的 UI 更新之间存在哪些时间点差异。

回答思路

1. 描述解析、样式计算、布局、绘制与合成的基本流程
2. 说明脚本执行与布局被强制重算（reflow）的触发条件
3. 解释 requestAnimationFrame 与宏任务、微任务在渲染前的执行顺序
4. 说明如何通过减少布局抖动来保证渲染一致性