请解释浏览器中重排（reflow）与重绘（repaint）的区别，并说明哪些操作会触发它们，以及如何优化以减少性能开销。

回答思路

1. 准确解释重排与重绘的概念及关系
2. 列举触发重排的常见操作（如布局、几何属性变更）
3. 列举触发重绘且不触发重排的操作（如颜色、背景）
4. 提出减少重排重绘的优化策略（如批量DOM操作、使用transform）