useEffect 和 useLayoutEffect 有什么区别?何时该用 useLayoutEffect?
What’s the difference between useEffect and useLayoutEffect, and when should you use useLayoutEffect?
题目类型: 技术面试题
这是一道技术面试题,常见于澳洲IT公司面试中。
难度: medium
分类: Frontend
标签: useEffect, useLayoutEffect, dom
参考答案摘要
答案 useEffect 通常在浏览器完成绘制后执行,不阻塞渲染; useLayoutEffect 在 DOM 变更提交后、浏览器绘制前同步执行,适合需要测量布局/同步读写 DOM 的场景(如读取尺寸并立刻调整)。滥用 useLayoutEffect 会阻塞绘制,影响首屏与交互。
答题技巧
技术面试题建议先理清思路再作答,从基础概念讲起,逐步深入。可以结合实际项目经验解释技术原理,展示你的理解深度和实践能力。
本题提供 STAR 原则详细解答和技术解析,登录匠人学院学习中心即可查看完整答案、收藏题目并进行模拟面试练习。