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を変更すると、再レイアウト(レイアウト)につながる、または(再描画)をレンダリングします
また、リフロー(リフロー)として知られている再レイアウト(レイアウト):コンテンツの要素、構造、位置、サイズ変動、スタイルとは、ツリーをレンダリング再計算しました
変更、再描画(再描画)要素は、このような色、枠線、そしてあなただけの再描かできる要素として、スタイルに影響を与えるのみ発生