Ani*_*ish 8 javascript css optimization repaint reflow
当我们使用JavaScript 将大量样式更改应用到单个元素时,phpied&Writing Efficient JavaScript(幻灯片87)建议:
而不是使用style.stylename逐个应用样式,使用cssText或更改类名一次应用所有内容,因为它将减少回流/重绘
哪个更好时,有一个只有单一风格的改变?
document.getElementById('myid').style.cssText += ";color:#999;";
Run Code Online (Sandbox Code Playgroud)
要么
document.getElementById('myid').style.color = "#999";
Run Code Online (Sandbox Code Playgroud)
jsperf.com/csstext-vs-styles-single表明,当只有一个样式更改时,使用单独的样式名称比cssText更快.
是否还有其他因素需要考虑?
| 归档时间: |
|
| 查看次数: |
1370 次 |
| 最近记录: |