DOMの描画更新において、( A )は要素の位置やサイズの再計算を行い、( B )は再描画を行う処理を指す。
解答
A: Reflow
B: Repaint
解説
Reflowはレイアウト計算、Repaintはピクセルの再描画を意味する。Reflowの方がコストが高く、頻発するとパフォーマンス低下につながる。
使用例(サンプルコード)
[ javascript ]
const div = document.getElementById("box");
div.style.width = "200px"; // Reflow + Repaint
div.style.backgroundColor = "red"; // Repaintのみ