检查窗口大小是否有变化和性能/优化

Checking if window size has changes and performance/optimalization

本文关键字：性能 优化 有变化 窗口大小 是否 检查      更新时间：2023-09-26

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

我想让它响应，但要实现这一点(取决于我目前的实现)我应该添加另一个函数，它将检测浏览器窗口大小是否发生了变化-这是我的问题-它是否有利于整体性能?或者我应该重新考虑我的解决方案，并尝试用纯css构建它?

浏览器的大小调整只是暂时的，我个人不认为在这个阶段出现一个小问题会有什么大的麻烦。

因为你引用的是jquery，所以你可以直接添加

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

将其添加到文档ready中，并且您可以将其称为one on load。只做

$(window).resize();

就性能而言，你是正确的，每一个小插件都会对性能产生影响，但只有当它处于激活状态时。当窗口没有调整大小时，事件不会被触发

<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

相关文章：