javascript - ウィンドウ サイズの変更とパフォーマンス/最適化の確認

Question

今日、私はスライダー プラグインを実装していますが、それについて 1 つの質問があります。

レスポンシブにしたいのですが、それを実現するには（現在の実装に応じて）、ブラウザのウィンドウサイズが変更されたかどうかを検出する別の関数を追加する必要があります-これが私の質問です-全体的なパフォーマンスに適していますか? それとも、自分のソリューションについて再考し、純粋な css で構築する必要があるのでしょうか?

Answer 1

<div id="resized"></div>

function display() {
    var p = document.createElement("p");

    p.textContent = "resize event";
    document.getElementById("resized").appendChild(p);
}

$(window).on("resize", display);

またはjavascriptを使用して

function display() {
    var p = document.createElement("p");

    p.textContent = "resize event";
    document.getElementById("resized").appendChild(p);
}

window.addEventListener("resize", display, false);

jsfiddleで

Answer 2

ブラウザのサイズ変更は一時的なものにすぎず、個人的には、その段階でのわずかな問題の大きな問題は見られません.

jqueryを参照しているので、追加するだけです

$(window).resize(function() { ... });

ドキュメントの準備ができている状態で追加すると、ロード時にそれを呼び出すのに適しています。やるだけ

$(window).resize();

パフォーマンスに関しては、すべての小さなアドオンがパフォーマンスに影響を与えるのは正しいですが、それがアクティブな場合のみです. ウィンドウのサイズが変更されていない場合、イベントは発生しません。