关于重绘触发动画效果的疑问

Question

大家运行代码看下，去掉offsetWidth的重绘试试https://jsfiddle.net/k0gwrqqf/2/

Answer 1

有两个比较关键的点。

1. js代码的执行会阻塞页面绘制(即在js之后绘制才会对更改做出反映)。

2. 获取部分样式会触发重绘重排(因为有可能在前面的js中发生了变化)

demo
console.log(window.getComputedStyle(elTest).width)