请解释浏览器中重绘（Repaint）与回流（Reflow）的区别，并说明它们分别由哪些操作触发以及如何优化以减少性能影响。

回答思路

1. 准确区分重绘与回流的定义及触发机制
2. 说明回流必然导致重绘，但重绘不一定回流
3. 举出常见触发操作（如修改几何属性、增删DOM、动画）
4. 给出优化策略（如批量DOM操作、使用CSS3变换、读写分离）