これは記録であり前端面试的话术集锦第七篇博文——高频考点(浏览器渲染原理 & 安全防范)
、今後もこのブログ記事を更新していきます。❗❗❗
1. ブラウザのレンダリング原理
注: この章は対面試験です。
1.1 レンダリング処理
1.1.1 ブラウザは HTML ファイルを受信し、それを DOM ツリーに変換します。
Web ページを開くと、ブラウザは対応するHTML
ファイルを要求します。JS
コード、つまり文字列を書くとき、通常はCSS
、HTML
、 ファイルに分割しますが、コンピュータのハードウェアはこれらの文字列を理解できないため、ネットワーク上で送信される内容は実際には0
これらの1
バイト データです。ブラウザーがこれらのバイト データを受信すると、バイト データを文字列に変換します。これが、私たちが作成したコードです。
データを文字列に変換する場合、ブラウザはまずtoken
字句解析によって文字列をトークン ( ) に変換します。このプロセスをtokenization
字句解析ではトークン化 ( ) と呼びます。
では、マーカーとは何でしょうか? これは実際には編集原則の内容に属します。簡単に言うと、タグまたは文字列はコードを構成する最小単位です。このプロセスでは、コードをいくつかの部分に分割し、これらの内容にラベルを付けることで、コードの最小単位の意味を理解しやすくします。
トークン化が完了すると、これらのトークンは に変換されNode
、最終的に、以前のさまざまな関係に基づいてツリーが構築されNode
ます。Node
DOM