如何保证更新后快速获取DOM,例如React中useLayoutEffect、Vue中nextTick()以及非框架场景下通过访问offsetWidth、scrollTop等触发DOM更新?
考察说明
考察对浏览器渲染流程、框架DOM更新机制及同步读取布局原理的理解
回答思路
- 能解释浏览器渲染流水线与布局抖动(layout thrashing)概念
- 能说明React中useLayoutEffect与useEffect在DOM更新时机上的差异
- 能说明Vue中nextTick与事件循环微任务的关系
- 能说明访问offsetWidth等属性会强制同步布局,并权衡使用场景
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。