フロントエンドの基本的な面接でよくある質問 (HTML、CSS、JS) (6)

 GETとPOSTの違い

http プロトコルの観点から見ると、GET と POST はリクエスト行の最初の単語にすぎず、セマンティクスが異なることを除いて本質的な違いはありません。

実際の開発においてさまざまな違いが生じる理由は、主にブラウザのデフォルトの動作によるものです。

ブラウザの影響を受けるため、実際の開発では、GET と POST には次のような違いがあります。

• ブラウザが GET リクエストを送信するとき、リクエスト本文は添付されません。

• GET リクエストは情報量が限られているため、少量のデータの転送に適しており、POST リクエストは情報量に制限がなく、大量のデータの転送に適しています。

• GET リクエストは ASCII データのみを転送でき、非 ASCII データはエンコードする必要があります。POST リクエストには制限がありません。

• GET リクエストで渡されるデータのほとんどはパス パラメータに添付されており、アドレスを共有することでページを完全に再現できますが、同時にデータが公開されます。渡されるべき機密データがある場合、GET リクエストはrequest は使用すべきではありません。少なくともパスに配置すべきではありません。

• ページを更新するときに、現在のページが POST リクエストを通じて取得された場合、ブラウザはユーザーに再送信するかどうかを尋ねます。GET リクエストで取得したページの場合、プロンプトは表示されません。

• GET リクエストのアドレスはブラウザのブックマークとして保存できますが、POST リクエストは保存できません。

ブラウザのレンダリング機構、再描画、再配置

Web ページの生成プロセス:

• HTMLHTML パーサーによってDOMツリーに解析される
• cssCSSOM CSS パーサーによってツリーに解析されます
• DOM複数のツリーを結合してCSSOMレンダー ツリーを生成する ( Render Tree)
• レイアウトを生成します ( flow)。つまり、すべてのレンダリング ツリーのすべてのノードを合成します。
• paintレイアウトを画面に描画( )

再配置 (リフローとも呼ばれます):  DOM の変更が要素の幾何学的プロパティ (DOM オブジェクトの位置とサイズ) に影響を与える場合、ブラウザは要素の幾何学的プロパティを再計算し、要素を正しい位置に配置する必要があります。この工程をリフローといいます。引き金：

1. 表示される DOM 要素を追加または削除する
2. 要素のサイズ変更 - マージン、パディング、境界線、幅、高さ

再描画:要素の外観が変更されたが、レイアウトは変更されていない場合、要素の外観を再描画するプロセスは再描画と呼ばれ、次のことがトリガーされます。

• 要素の色、背景、ボックスシャドウのプロパティを変更する

URL を押して Enter を押すとどうなるか

1 解析域名
2 缓存判断   --有资源直接返回、否则向服务器发起新的请求
3 DNS解析
4 获取MAC地址
5 会把请求的内容存储到dns
6 TCP三次握手
7 HTTPS握手
8 返回数据
9 TCP四次挥手
复制代码

Cookie、sessionStorage、localStorage の違い

• Cookieは有効期限を設定できます
• localStorage は手動でクリアしない限り永久に保存されます
• sessionStorage は現在の Web ページでのみ有効で、ページを閉じるとクリアされます。
• Cookie ストレージのサイズは 4K、localStorage と sessionStorage は 5M
• リクエスト時: Cookie は自動的に HTTP ヘッダーを運びます。localStorage と sessionStorage はブラウザーにのみ保存され、サーバー通信には参加しません。