Skip to main content

Module paint_update

Module paint_update 

Source
Expand description

DOM インラインスタイル変更の軽量再ペイント(PaintOnly)判定。

スクロールイベントやタイマー等で JavaScript が element.style.transform = ... や element.style.color = ... などの見た目のみを変えるプロパティを頻繁に更新する場合、 毎回 HTML を再パースして全ルールを再カスケードする全再レイアウト(約 350ms)を行うと 画面がカクつき、スクロールの追従性が著しく劣化する。

本モジュールは、蓄積された保留スタイル更新(pending updates)と構造変更フラグから、 全再レイアウトを省略して RenderElement への直接上書き(再ペイントのみ)で済ませられるか を決定論的に判定する純粋ロジックを提供する。

Structs§

PendingStyleUpdate
保留中のスタイル更新 1 件。

Enums§

UpdateScope
必要な更新処理の範囲。

Functions§

classify_updates
保留中のスタイル更新群と構造ダーティフラグから、処理範囲を判定する。