在使用JavaScript调整大小时检查浏览器大小
我必须根据jQuery浏览器的大小来设置不同的页面样式。然而,当用户将页面变大时,我们就只能使用jQuery了,而jQuery本来应该用于较小的屏幕 我无法使用媒体查询,因为某些元素的样式为在使用JavaScript调整大小时检查浏览器大小,javascript,jquery,Javascript,Jquery,我必须根据jQuery浏览器的大小来设置不同的页面样式。然而,当用户将页面变大时,我们就只能使用jQuery了,而jQuery本来应该用于较小的屏幕 我无法使用媒体查询,因为某些元素的样式为.width() 如果浏览器的大小超过或低于某个特定的大小,询问resize的最佳方法是什么?调用resize是否存在许多性能问题(假设它一秒钟被调用多次?使用jQuery,您可以获得宽度和高度 $( window ).resize(function() { var width = $(window)
.width()
如果浏览器的大小超过或低于某个特定的大小,
询问resize的最佳方法是什么?调用resize是否存在许多性能问题(假设它一秒钟被调用多次?使用jQuery,您可以获得宽度和高度
$( window ).resize(function() {
var width = $(window).width();
var height = $(window).height();
});
$(window).resize(function() {
var width = $(window).width();
var height = $(window).height();
});
我建议不要只挂接窗口调整大小事件,而应该限制/取消大小调整事件以避免性能问题
“去抖动”解释如下:
节流是指减少重复事件的速率。节流
有助于将mousemove事件减少到一个较小的、可管理的速率,
比如说
去抖动更精确。去Bouncing可确保恰好一个
为可能发生多次的事件发送信号-或
甚至在很长的一段时间内会出现数百次。只要
事件发生的速度足够快,每一天至少发生一次
检测期间,信号将不被发送
资料来源:
代码:
代码(无耻地)取自:
(摘自上述链接/博客文章中的评论)您可以像这样查找调整大小事件,并获得宽度和高度
$( window ).resize(function() {
var width = $(window).width();
var height = $(window).height();
});
$(window).resize(function() {
var width = $(window).width();
var height = $(window).height();
});
从这里开始
至于您关于性能的问题,这取决于浏览器。一些人等待调整大小停止,另一些人在更改发生时提供一个运行提要。听起来这可能是最好的。可以给我一个例子,或者链接到一个源吗?我不明白为什么实际上使用计时器而不是调整大小的方法更好。与性能有关吗?