ドキュメントオブジェクトモデルの深い理解

Question

最近私のプロジェクトでこれが発生しましたが、私はこのことを完全に理解していないと思います。私が知っている唯一の事は次のとおりです：

- DOMは、ページの残りの部分をブロックする際に読み込まれるスクリプトを防ぎます。
-Htmlファイルやその他のページソースコードは解析され、DOMに変換されます。これを調べたり、ページソースを表示すると、コードのDOM形式がスローされます。
私はチュートリアルの助けを借りて私たちのプロジェクトでDOMを実装することもできました。

さて、私の質問は以下のとおりです。デベロッパーツールDOMで

-Isコード？
- DOMはシステムにセキュリティ機能を追加しますか？
- DOMはウェブブラウザのレイアウトエンジンに広く実装されているため、他にDOMを使用する利点はありますか？

ありがとうございます。

Answer 1

DOM（Document Object Model）は、特定のシステム/ノード内のコード/オブジェクト階層に関するものです。これは、逆さまの木の枝の象徴です。これは、コードの異なるレイヤーが常に親子兄弟関係を持つようにします。

他のコードブロック内のコードは、いずれも大きなブロックの子です。 htmlの場合、htmlタグは他のすべてのタグの親で、head、bodyタグの順に続きます。

表示されるコンテンツのほとんどは本文セクションにあり、1つの部門で表示されるメインページが作成されます。分割タグの後にul/li/p/aタグがあります。時にはspanタグが 'a'タグまたは 'p'タグのラッパーとして使用されます。

'ul'タグは、それが入っているdivタグの子であり、 'li'や 'p'タグは 'ul'タグの子です。
スパンタグは、オブジェクトやテキストをインラインで保持する必要性に応じて、使用時に場所が異なります。

可能な限り小さい子（またはノードツリーのリーフ）は、 'p'タグまたは 'a'タグのいずれかです。

'a'タグの中に他のタグは使用できません。

兄弟は、ツリー内の同じレベルのタグまたはノードではなく、隣接するdivタグまたはulまたはliタグ内にあります。彼らの関係は、そうする必要がない限り、通常は定義されていません。

要約すると、DOMは、html/XML/SQLおよび他のソフトウェアシステムの順序と可読性を保証するために使用されます。それは良い作業コードを保証するものではありませんが、設計段階の早い段階で効率的な作業コードを作成するのに役立ちます。

また、DOMの動作方法をバイパスまたは変更できる新しいコーディング機能が採用されています。マイクロサーバーとnode.jsを含むAngularjsとMEANは、クライアントWebページを事実上のデスクトップアプリケーションに変えようとしており、サーバーへの要求ができるだけ少なくなるようにしています。

これらの新機能は、DOMモデルと矛盾しませんが、ラッパーとして機能するため、Webサーバー上のアクション/編集/モーションは、メインサーバーに連絡せずに即座に表示されます。

ユーザーの操作がない間にメインサーバーに更新が送信されるため、WebサイトとPCは、少なくとも半永久的な変更の点で同期しています。

毎年何か新しいものが追加されるため、これらのトピックについてできるだけお読みください。