0

次のコードを使用する利点はありますか?

$(window).scroll(function () {
  var scrollPos = parseInt( $(document).scrollTop() );
  $(".div1").css({"background-position-y":scrollPos});
  $(".div2").css({"background-position-y":scrollPos});
});

次のように、2つの関数に分割する代わりに:

$(window).scroll(function () {
  var scrollPos = parseInt( $(document).scrollTop() );
  $(".div1").css({"background-position-y":scrollPos});
});

$(window).scroll(function () {
  var scrollPos = parseInt( $(document).scrollTop() );
  $(".div2").css({"background-position-y":scrollPos});
});

当然、2番目のオプションでは、同じ変数の新しい値を複数回計算する必要があるため、プロセッサの使用量がわずかに増加します。しかし、比較的最新のマシンを想定すると、2番目の例よりも最初の例を選択する利点はありますか?

4

1 に答える 1

1

Line Of Codeの支払いを受けていない場合、これより長いバージョンはメンテナンスコストを追加するだけです。

$(window).scroll(function () {
  $(".div1,.div2").css({"background-position-y": $(document).scrollTop()});
});

遅いですが、それは今日のブラウザの速度とはあまり関係がありません。

この変更を通知しなかった場合に備えて、整数を返すparseIntasも削除しました。scrollTop

于 2013-03-12T14:12:16.873 に答える