dom_dom0800_001

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のみ