Webフロントページのレンダリング(DOM)

CSSはCSSOMが構築された後、ページのコンテンツが表示されます、DOMの建物をブロックしない、レンダリングツリーの建設をブロックしますが、内蔵されCSSOM前に、ページ(空白)をレンダリングするために開始されません。

 

ツリー構造をレンダリング

  

 

 

  可視各ノードを通過するDOMツリーのルートノードから1、。

  図2は、いくつかのノードは、それらがレンダリングされた出力に反映されないので、それは無視され、(例えば、スクリプトタグ、メタタグ、など)は表示されません。
     そのノード上の明示的なルールセットが存在するため非表示にするにはCSSによっていくつかのノードは、そのため---レンダリングツリーには表示されません---上記の例のスパンノードに、例えば、レンダリングツリーに無視されます「表示:なし」属性。

  図3は、各可視ノードについて、その適応CSSOMルールを発見し、それらを適用します。

  図4に示すように、送信ノードは、その内容と計算されたパターンと一緒に、見ることができます。

 

おすすめ

転載: www.cnblogs.com/syw20170419/p/11937690.html