javascript - jQuery .html（）大負荷

Question

jQuery .html（）関数をテストしてきましたが、大量のテキストでは機能しないことがわかりました。この例を参照してください。ただし、そのためのコードにはバグがなく、はるかに単純化されたテストケースが完全に機能します。

これはおそらく大量のデータをdivに含めるのに最適な方法ではないことはわかっていますが、最終的にはさまざまな配列からデータをロードする予定であり、コードは一種のコンストラクターであることが意図されていました。

だから私の質問に：私は何が間違っているのですか？jQueryはその量のテキストを処理できないのでしょうか？もしそうなら、jQuery / JavaScript / JSONを使用して、一部の部分で異なるテキスト/ URLを使用して、同じhtmlの複数のインスタンスをロードするための最良の方法は何ですか？配列からデータを入力する必要がありますか？

よろしくお願いします。

回答に基づいて編集

こんにちはありがとう、愚かなことに私は未定義の変数を見落としました。これが新しい動作テストケースです。私が達成しようとしているのは、同じ構造式に従う複数のブログ投稿をjQuery6によって一度にページにロードすることです。このデータを配列に格納するための最良の方法はありますか？そして、配列からそれらの要素の内容を入力しますか？

Answer 1

あなたが提供した例はエラーを投げています：

Uncaught ReferenceError: posterurl is not defined

を追加した後var posterurl = "";、コードは適切かつパフォーマンス的に実行されました。

これが実用的なフィドルです。

注：これは、ページを作成するための恐ろしい方法です。

Answer 2

あなたの拡張された質問を見て（時間を割いてくれてありがとう）、私の本能はあなたがサーバー側でこれを実行する方が良いと言います。これは、送信するドキュメントにコンテンツが事前に作成されていることを意味します。これは、重要な訪問者であるGoogleに大きな影響を与えます。そうでなければ、グーグルボットに関する限り、あなたのページは空であり、コンテンツを隠している可能性があり、それらは強く反対されています。サーバーサイドで構築されたページは、JavaScriptが無効になっている訪問者が同じコンテンツを取得することも意味します。コンテンツを動的にロードすることは問題なく、非常に便利ですが、JavaScriptでページの多くを最初から構築するのは少し行き過ぎです（私の意見では）。