ページをレンダリングするURLを入力して、真ん中は中に発生します

1. DNSの名前解決

ブラウザのDNSキャッシュ - > OS DNSキャッシュ - >ホストキャッシュ - >ドメインネームサーバ

2.スリーウェイハンドシェイクは、TCPコネクションを確立します

クライアント:ACK = 0、SYN = 1つの
サーバ:ACK = 1、SYN = 1
クライアント:ACK = 1

3.サーバーにHTTP要求を開始します

  • クエリ文字列は、URLでリクエストを取得し、メッセージ本文のポストのhttp
  • ブラウザのキャッシュかもしれ要求を取得し、ポストはしません
  • リクエストは、ブラウザの履歴に保存することができGET、POSTは使用できません。
  • コレクションすることができ、要求を取得し、ポストは使用できません。
  • 要求は長さ制限があり得る、ポストなし

場合GETリクエストは、ブラウザがサーバ応答200(通常の処理)と、ヘッダとデータを送信する
POSTリクエスト、ブラウザが最初のヘッダを送信し、サーバ100バック(続き)、再送データ、サーバ応答200

4.応答サーバ

ステータスコード 意味
1XX 要求の受信、処理を継続
2XX 要求が受け入れられています
300番台 さらにでなければならない操作を完了するための要求をリダイレクトします
4xxの クライアントのエラー
5xxの サーバー側のエラー
一般的 意味
200 リクエストが完了している、要求されたリソースがクライアントに返されます
301 要求されたページが永久に新しい場所に移動されたリダイレクト、それは新しい場所にジャンプします
302 一時的に移動した要求されたページをリダイレクトし、新しい場所にジャンプします
304 最後の要求後、ページがサーバーは応答を返し、変更されていない、それはページのコンテンツには戻りません。帯域幅およびオーバーヘッド保存
400 エラー要求は、サーバーは要求を理解していなかった構文
401 認証を必要とします
403 サーバーは要求を拒否しています
404 ページが見つかりません
500 内部サーバーエラー
503 サーバーを利用できません
504 ゲートウェイタイムアウト
505 HTTPプロトコルのバージョンがサポートされていません

ブラウザは、HTML解析し、

  • DOMツリーを構築します
  • CSSOMツリーの構築

6.ブラウザのページのレンダリング

JSでDOMやCSSを変更すると、再レイアウト(レイアウト)につながる、または(再描画)をレンダリングします

また、リフロー(リフロー)として知られている再レイアウト(レイアウト):コンテンツの要素、構造、位置、サイズ変動、スタイルとは、ツリーをレンダリング再計算しました

変更、再描画(再描画)要素は、このような色、枠線、そしてあなただけの再描かできる要素として、スタイルに影響を与えるのみ発生

发布了27 篇原创文章 · 获赞 4 · 访问量 2807

おすすめ

転載: blog.csdn.net/qq_39083496/article/details/85618823