请说明浏览器中重绘（repaint）与重排（reflow）的触发条件以及两者的区别。

回答思路

1. 能清晰区分重绘与重排的定义及各自影响范围
2. 能列举常见触发重排的操作，如修改布局属性、增删DOM、改变窗口尺寸等
3. 能说明触发重绘但不触发重排的情况，如颜色、背景变化
4. 能提及减少重绘重排的优化手段，如批量DOM操作、使用transform等