フロントエンド面接スキル集その7:高頻度テストのポイント(ブラウザのレンダリング原理とセキュリティ上の注意点)

これは記録であり前端面试的话术集锦第七篇博文——高频考点(浏览器渲染原理 & 安全防范)、今後もこのブログ記事を更新していきます。❗❗❗

1. ブラウザのレンダリング原理


注: この章は対面試験です。

1.1 レンダリング処理

1.1.1 ブラウザは HTML ファイルを受信し、それを DOM ツリーに変換します。


Web ページを開くと、ブラウザは対応するHTMLファイルを要求します。JSコード、つまり文字列を書くとき、通常はCSSHTML、 ファイルに分割しますが、コンピュータのハードウェアはこれらの文字列を理解できないため、ネットワーク上で送信される内容は実際には0これらの1バイト データです。ブラウザーがこれらのバイト データを受信すると、バイト データを文字列に変換します。これが、私たちが作成したコードです。

データを文字列に変換する場合、ブラウザはまずtoken字句解析によって文字列をトークン ( ) に変換します。このプロセスをtokenization字句解析ではトークン化 ( ) と呼びます。

では、マーカーとは何でしょうか? これは実際には編集原則の内容に属します。簡単に言うと、タグまたは文字列はコードを構成する最小単位です。このプロセスでは、コードをいくつかの部分に分割し、これらの内容にラベルを付けることで、コードの最小単位の意味を理解しやすくします。

トークン化が完了すると、これらのトークンは に変換されNode、最終的に、以前のさまざまな関係に基づいてツリーが構築されNodeますNodeDOM

おすすめ

転載: blog.csdn.net/lvoelife/article/details/132655217