察看窗口大小的變化和性能/ optimalization今天

Question

我執行滑塊插件，我對此有一個問題：

我想讓它響應，但才達到那個（根據我目前的執行情況）我應該添加另一個功能，它將檢測瀏覽器窗口大小是否發生變化 - 這是我的問題 - 是否對整體性能有好處？或者，也許我應該重新考慮我的解決方案，並嘗試用純CSS構建它？

Answer 1

瀏覽器調整大小隻是暫時的，我個人並沒有看到在該階段出現輕微呃逆的大麻煩。

既然你指的jQuery，你可以添加

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

添加它withing文件準備好了，你會做很好的把它稱爲一個負載。只要做

$(window).resize(); 

就性能而言，你是正確的，每一個小插件會影響性能，但只有當它是活躍的。當窗口沒有調整大小時，事件不會被觸發。

Answer 2

<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上