2

element.offsetWidth要素の寸法の再計算 (またはリフロー?)を読み取るとどこにでも書かれています。

ただし、この効果を目に見えるようにするのに苦労しています。

クロムでは、次の 3 つの簡単な手順で表示できるようになると思います。

  1. Chrome 開発ツールを開く
  2. 要素タブに移動し、再計算/リフローを発生させたい要素を選択します
  3. タイムラインタブに移動し、録音を開始します
  4. コンソールに移動して入力します$0.offsetWidth

ここで、タイムライン タブに移動すると、リフローが描かれていると思います。しかし、何も見えません。だから私は何か間違っていたに違いない。

4

1 に答える 1

4

もう少し調査した後、私は自分の質問に答えることができると思います。直接読み取るoffsetWidthとリフローが発生するわけではありません。レンダリング キューにスタックされているすべてのアクションをブラウザがすぐに実行するようになるだけです。これは、DOM への読み取りと書き込みを間違った順序で整理すると、複数のリフローを意味する可能性があります。

于 2013-08-06T15:25:50.673 に答える