Reflowを避けるためには、( A )の外でDOM操作をまとめて行い、必要最小限の( B )を発生させることが望ましい。
解答
A: レンダリングサイクル
B: レイアウト変更
解説
DOM操作はまとめて行うことで再計算回数を減らせる。頻繁な変更はReflowを多発させるため、バッチ処理が推奨される。
使用例(サンプルコード)
[ javascript ]
// 悪い例
div.style.width = "100px";
div.style.height = "200px";
// 良い例
div.style.cssText = "width:100px; height:200px;";