有哪些减少重排和重绘的技术？

What are some techniques for reducing reflows and repaints?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: easy

分类: Performance Optimization

标签: browser, javascript, performance

参考答案摘要

TL;DR 要减少重排和重绘，您可以尽量减少 DOM 操作、批量处理 DOM 更改、使用 CSS 类进行样式更改、避免复杂的 CSS 选择器，并使用 requestAnimationFrame 进行动画。此外，请考虑对将经常更改的元素使用 will-change ，并通过分别读取和写入 DOM 来避免布局颠簸。 * 减少重排和重绘的技术 尽量减少 DOM 操作 频繁更改 DOM 可能会导致多次重排...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。