0

アプリケーションの設計について質問があります。これは、次のサンプル JavaScript を含む大きなプロジェクトです。

  • modal.js (モーダル フォーム用の jQuery プラグインを含む)
  • tooltip.js (ツールチップ用の jQuery プラグインを含む)
  • textbox.js (テキストボックス、プレースホルダーなどの jQuery プラグインが含まれています)

data-api を使用して JavaScript の UI 全体を設定すると、パフォーマンスが低下するので、このコードですべての要素をループし、必要に応じてプラグインを初期化します。

$.each('[data-trigger="modal"]', function(a, b){
  // Do plugin code here $(this).modal()
});

$.each('[data-textbox="^*"]', function(a, b){
  // Do plugin code here $(this).textbox()
});

$.each('[data-tooltip="hello, I am a tooltip"]', function(a, b){
  // Do plugin code here $(this).tooltip()
});

他のオプションは次のとおりです。

$(document).ready(function(){
  $('#modal-create-account-trigger').modal();
  $('#tb-username').textbox();
  $('#tb-password').textbox();
  $('#tb-fullname').textbox();
});

私は .each ソリューションを好むので、HTML ですべてを完全に制御できます。これがパフォーマンスに悪いこと、どれだけ悪いことか、代替手段はありますか?

読んでくれてありがとう。

4

1 に答える 1

0

パフォーマンスが大幅に向上するため、常に #ID セレクターを使用することをお勧めします。

于 2012-07-13T19:14:07.230 に答える