请详细解释浏览器的回流(Reflow)和重绘(Repaint),并说明如何通过CSS属性如transform 和 opacity来避免回流。

Question

Accepted Answer

考察点：考察浏览器渲染机制的理解及性能优化实践。回答思路：准确解释回流与重绘的定义及触发条件 说明回流与重绘的关联及性能影响 能正确指出transform和opacity为何不触发回流 举例说明其他避免回流的手段如读写分离、批量DOM操作

考察说明