[]フロントからは、何が起こったかの真ん中をブラウザがコンテンツレンダリング最後のページのURLを入力するには?

最後に、ページコンテンツ、何が起こったかの真ん中をレンダリングするには、ブラウザからURLを入力してください?

1.ブラウザは、DNSサーバへのUDPパケットを送信し、URLを入力し、URLはIPアドレス(すなわち、IPサーバ)DNS経由して、バッファのIPアドレスに解決されます。

2.クライアント(ブラウザ)とサーバ側のTCPコネクション間で確立:TCPポストマンは、4つの事柄(ローカルIP、ローカルポート、サーバIP、サーバーポートを)知っている必要がありますので、今だけのローカルIPを知って、サーバーIP、2つのポートがどのように行うには?ローカルポートは非​​常に簡単ですその中でも、オペレーティングシステムがランダムに「周知の」ポートを使用して、より簡単に、ブラウザにサーバポートを1を割り当てることができ、HTTPサービスは80である(HTTPSサービスが443である)、私たちはライン上のTCPの郵便配達人に伝えます。次の3ウェイハンドシェイクの後、クライアントとサーバー側のTCPコネクションが設定されています! 

3.ブラウザは、HTTPリクエストを送信します。

4. Webサーバーがブラウザに要求、およびHTTP応答(HTMLページ)を処理します。

ブラウザが再び要求を開始:このHTMLページの場合は、サーバー側でこれらのリソース、などJSファイル、CSSファイル、写真、などの他のリソースの多くを参照することができ、かつ、下記の別のドメイン名に配置することができます。だから、ブラウザは事は再びそれをやっ前であっても、最初からIPを取得するためにDNSを使用し、一つ一つをダウンロードしていました。

6.サーバは、JSを送信し、ブラウザにこれらのファイルをCSS、ファイルの有効期限が切れたとき(のCache-Controlや有効期限を使用して)ブラウザに指示すると、ブラウザがローカルにファイルをキャッシュすることができ、そのための第2のリクエストときに、ファイル、期限が切れていない場合は、直接その上にローカルテイクから。有効期限が切れた場合、ブラウザは、ファイルが変更されていない、サーバー側に求めることができますか?(サーバーによって送信され、最終更新およびETagのに基づいて)、及び(304を修正しません)変更されていない場合は、キャッシュを使用することもできます。それ以外の場合は、サーバーがブラウザに送り返さ最新のファイルが送信されます。
7.これで、ブラウザはすべてのリソースを持って-三つの重要な事柄を:

  • HTML、ブラウザ、それはDOMツリーに解析しました
  • CSS、ブラウザがCSSルールツリーにそれを解析し、
  • JavaScriptが、それはDOMツリーを変更することができます

「ツリーをレンダリング」、いわゆるCSSルールによって生成されたブラウザDOMツリーとツリーは、位置/サイズ、レイアウトの各要素について計算した後、ペイントするオペレーティングシステムのAPIを呼び出しています。最後に、我々は、プレゼンテーションのページを見ることができます。

 

参考:

ホワイト科学:ページの最終コンテンツをレンダリングするためにブラウザからURLを入力して、何が起こったの真ん中?

最後に、ページコンテンツ、何が起こったかの真ん中をレンダリングするには、ブラウザからURLを入力してください?

終わり

おすすめ

転載: blog.csdn.net/Dora_5537/article/details/91358436