これまでHTMLの簡単な理解を持っていた、それがフロントエンド、さらに使用後に起因するものなので、もう一度基礎のフロントエンドについて熟考する時間がかかる場合があります。
HTML + CSS + JSを学ぶ前に、私が書いた理由の.htmlファイルはブラウザをインターフェイスに変換することができます不思議はありますか？
これは〜、ブラウザカーネルの友人のおかげで
ブラウザカーネルは：また、2つの部分に分けることがレンダリングエンジン（レイアウトエンジニアまたはRenderingEngine）とJSエンジン。
ブラウザカーネルは、（HTML、JavaScriptなど）、Webページの構文の解釈を担当するとレンダリング（表示）のページです。だから、通常はブラウザレンダリングエンジンによって使用されているブラウザのカーネルと呼ばれ、ブラウザのレンダリングエンジンは、ページの情報コンテンツのフォーマットを決定し、ページがどのように表示されます。別のブラウザカーネルのページを説明する書かれた文法も異なるので、異なるカーネルブラウザのレンダリング（表示）の結果が異なる場合があります内の同じページには、これは作家が異なるカーネルブラウザでWebページをテストする必要があるページです理由表示効果。
主流のブラウザカーネル：
ブラウザカーネルは、エンジンが複数の独立したJSので、カーネルは、レンダリングエンジンのみを参照する傾向があり、レンダリングエンジンとJSエンジンを含みます。
レンダリングエンジン
ページ表示にHTML文書とツールの構文解析の一種。これは、モニタやプリンタに表示コンテンツページ（HTML、XML、画像など）、（など、CSSの追加など）の情報を整理するだけでなく、ページの計算、その後、出力を得るための責任があります
JSエンジン
JavaScriptエンジンは、特殊なプロセスであり、JavaScriptのスクリプトの仮想マシンは、通常に来るWebブラウザに。
エンジンワークフローをレンダリング
DOMM HTMLパーサ解析ツリー（CSSスタイルを解析しながら、DOMツリーのノードが解決された）
ツリー構造をレンダリングする（画面上で、特定の視覚的効果を有し、特定の順序で配置された）
レイアウトツリーをレンダリング（各ノードが固定が割り当てられている座標）
DOMツリーを描画（レンダリングエンジンがUIバックエンドによって描かれたすべてのノードを、横断します）
写真： https://www.cnblogs.com/microcosm/p/6815902.html
