游览器 reflow

 

refer: https://juejin.im/post/5a9372895188257a6b06132e

 

reflow 伤性能. 所以要闪.

有几个频密触发的东西要留意. 

1. scroll 

2. mouse move 

3. animation 

这些情况如果我们修改 dom 然后又导致 reflow 的话就会感觉卡卡的. 

要避开. 

 

用 chrome performance 可以查看, 如果发现有 Layout 那么就是 reflow 

 

还有一种说法是 computed style 会导致 reflow 这个听上去很可怕

但是它是有前提的。

假设我们写一个 for loop 去修改 dom, 游览器会累计一次过做更新，所以只需要一次 reflow 而已

但是如果你 for loop 的时候去调用 computed style 或者一些要计算的，那么游览器就需要马上做 reflow 然后计算出值. 

所以并不是说你调用一次 computed style 它就 reflow 一次. 关键还是要看你有没有修改 dom 先。