[Violation] 'setTimeout' handler took <N>ms
Published
•1 min read怎么解决这个东西？
[Violation] Forced reflow while executing JavaScript took 38ms
强制重绘，原因是你修改DOM的样式，立马又去读了一个Layout相关的属性，读取的话浏览器需要重新计算一遍布局，比如：
const openModal = () => {
element.style.display = 'block'; // WRITE
const height = element.offsetHeight; // READ (Forces browser to calculate layout NOW)
element.style.bottom = '0px'; // WRITE
};
[Violation] 'requestAnimationFrame' handler took 70ms
Re-render一大堆组件的话，在这个raf期间或者之前，超过了16.6ms，就掉帧了。