0

私の単一ページでは、ある方法で のJS-app一部を動的にロードすることにしました。を使用して、それを行う2つの方法を見つけました：HTML/JSJITJQuery

初め： 

$("#target_div").load("html_and_js.html");    
// the HTML file contains both HTML` and the corresponding JS code

2番： 

$("#target_div").load("thtml_only.html", function() {
    $.getScript('js/js_only.js');
}); // now the JS is kept separatelly from HTML

両方のアプローチの長所と短所に関する経験と意見を知りたいです。

シングルページを構築しているのでAJAX app、特に次の点に関心があります。

  • これらの動的な読み込み/削除が多数行われた場合のブラウザーのパフォーマンス-最新のブラウザーがDOM用に予約するメモリの量は?
  • DOM 構造は安全かつクリーンに保たれていますか?
  • 対応する DIV (#target_div私の例では) が削除されると、JS もブラウザーのメモリから削除されますか? 最終的なメモリリーク？

すべての意見は高く評価されます。

4

1 に答える 1

0

アーキテクチャの観点からは、javascript に保持されている可能性のあるビジネス ロジックからプレゼンテーション レイヤーを分離しています。

JavaScript を別のファイルに分割すると、簡単に縮小でき、JavaScript ファイルに開発した関数を再利用できます。

また、2 番目のオプションでは、HTML が完全にロードされた後にのみ JavaScript がロードされます。経験則として、javascript を HTML ドキュメントのできるだけ最後に配置することを常にお勧めしますが、ページの読み込み後ではなく、ページの読み込み中に javascript の一部を実行する必要がある場合が (まれではありますが) あります。したがって、2 番目のアプローチ (最初に html をロードしてから、完了時に JavaScript をロードする) では、この JavaScript を実行できません。ただし... HTMLのみのページに実行する必要があるまれなjavscriptを配置し（HTMLのみではないことを認めます）、最後に実行するために残りのjavascriptを分離しておくことができますページの。

あくまで私見ですが、参考になれば幸いです

カート

于 2013-05-27T08:55:39.250 に答える