3

Facebook のソース コードを調べていると、説明できないものに出くわしました。http://www.facebook.com/YOURUSERNAME/allactivityにアクセスしてソース コードを確認すると、command/ctrl F で次のタグを探します。

<code class="hidden_elem"

3 番目または 4 番目に、すべてのアクティビティ ページ用に生成されたコードを含むタグが表示されます。

ただし、HTML コメント ( <!---->) でラップされます。これを行う利点は何か、および/またはそのコードが最終的にどのように実行されるかを誰か教えてもらえますか? また、どのようにしてそのコードを ajax でプルするのでしょうか? （スクロールダウンに基づいてより多く生成されるようです）

4

1 に答える 1

2

さまざまなサブメニュー (左側) のコンテンツであるコードのようです。私の推測では、メニューの 1 つをクリックすると、特定のコメントの親コンテナーの ID に対応します。(私の例では、ジョブ履歴は ID u_0_2a のコード ノードの下にあります)。次に、子ノードを取得し、適切なリンクがクリックされたときに innerHTML を評価します。

私の推測では、彼らはいくつかの理由でこれを行っています。

  1. サーバーへの余分なリクエストが不要になります。
  2. ロードされたデータの評価は、新しいデータのロードよりも高速です。
  3. コメントはレンダリング時間に大きな影響を与えません。
  4. テキストがコメント化されている場合、CSS はより単純になります (div を非表示にする心配はありません。div は単に存在しません)。
于 2013-06-25T05:39:45.117 に答える