タグ

ブックマーク / shiki.esrille.com (2)

  • ESウェブブラウザ通信 - インクリメンタル リフロー #2 | Shiki’s weblog

    2012/11/07 #ESウェブブラウザ通信 現在インクリメンタル リフローの実装まっ最中ということで、前回から少し時間があいてしまいました。今回は前回端折ってしまったところもあったので、前段をすこし掘り下げてから、インクリメンタル リフローの処理の続きについてまとめていきます。 ドキュメントとビューとウィンドウ ESウェブブラウザ内部は大きく分けると、 1. DOMツリーを保持している ドキュメント 2. 各DOM要素に対応するCSSのスタイルとレンダーツリーを保持している ビュー 3. ドキュメントとビューを管理している ウィンドウ の3つの部品で構成されています。感覚としてはMVCモデルに近いものがありますが、MVCモデル全般について話しだすと議論が飛びやすくなりそうな気がするので、ここでは基線として: The interesting thing to me is that th

  • ESウェブブラウザ通信 - インクリメンタル リフロー #1 | Shiki’s weblog

    2012/09/29 #ESウェブブラウザ通信 ESウェブブラウザ(escort)が先月からCSSレンダリング エンジンをインクリメンタル リフロー(DOMツリーを部分的に操作したときなどのブラウザの応答性を良くするために必要最小限の部分だけリフローを行う手法)に対応したものに改良中ということで、ブログの方は前回から少し時間があいてしまいました。今回は実装中のインクリメンタル リフローの話題のほかに、レイアウト処理の基的な事項も合わせて紹介していこうと思います。5月にこのブログでは、CSSのレンダリング処理は一般的に以下の4ステージで進んでいくことを紹介しました: 1. セレクター マッチング (selector matching) 2. スタイル再計算 (style recalculation) 3. リフロー (reflow) 4. リペイント (repaint) escortのスタ

  • 1