检查窗口大小是否已更改以及性能/优化答案

【问题标题】：Checking if window size has changes and performance/optimalization检查窗口大小是否已更改以及性能/优化
【发布时间】：2013-04-20 07:16:48
【问题描述】：

今天我正在实现滑块插件，对此我有一个问题：

我想让它响应，但要实现这一点（取决于我当前的实现）我应该添加另一个函数来检测浏览器窗口大小是否发生了变化——这是我的问题——它对整体性能有好处吗？或者也许我应该重新考虑我的解决方案并尝试使用纯 css 构建它？

【问题讨论】：

stackoverflow.com/about

标签： javascript jquery performance optimization plugins

【解决方案1】：

浏览器调整大小只是暂时的，就我个人而言，我认为在那个阶段出现一点小问题并没有太大的麻烦。

由于你引用jquery，你可以添加

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

在准备好文档的情况下添加它，您可以在加载时调用它。做吧

$(window).resize();

就性能而言，您是正确的，每个小插件都会对性能产生影响，但前提是它处于活动状态。当窗口未调整大小时，不会触发事件。

【讨论】：

【解决方案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

【讨论】：