Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery中的去盎司函数?_Javascript_Jquery_Debounce - Fatal编程技术网

Javascript Jquery中的去盎司函数?

Javascript Jquery中的去盎司函数?,javascript,jquery,debounce,Javascript,Jquery,Debounce,我们一直在寻找一个解盎司函数或在Jquery中解盎司的方法。动画的构建会让人非常恼火。 代码如下: function fade() { $('.media').hide(); $('.media').fadeIn(2000); } var debounce = false; function colorChange() { if (debounce) return; debounce = true; $('.centered').mouseenter(f

我们一直在寻找一个解盎司函数或在Jquery中解盎司的方法。动画的构建会让人非常恼火。 代码如下:

function fade() {
    $('.media').hide();
    $('.media').fadeIn(2000);
}
var debounce = false;
function colorChange() {

    if (debounce) return;
    debounce = true;
    $('.centered').mouseenter(function() {
    $('.centered').fadeTo('fast', .25);
    });
    $('.centered').mouseleave(function() {
    $('.centered').fadeTo('fast', 1);
});
}

 function colorChange2() {
    $('.centered2').mouseenter(function() {
    $('.centered2').fadeTo('fast', .25);
});
$('.centered2').mouseleave(function() {
    $('.centered2').fadeTo('fast', 1);
});
}

function colorChange3() {
$('.centered3').mouseenter(function() {
    $('.centered3').fadeTo('fast', .25);
});
$('.centered3').mouseleave(function() {
    $('.centered3').fadeTo('fast', 1);
});
}

function closerFade() {
    $('.closer').hide();
    $('.closer').fadeIn(2000);
}
我把它们都包装在$(document).ready(function()中{


有没有办法去抖动???

我只想在我的项目中包括underline.js并使用它包含的去抖动功能。它工作得很好。我在多个项目中使用过它

debounce_uounce(函数,等待,[立即])创建并返回 传递函数的新取消公告版本,该版本将推迟其 自上一次执行后已过等待毫秒后执行 调用它的时间。对于实现只应 在输入停止到达后发生。例如:渲染 预览降价注释,在窗口后重新计算布局 已停止调整大小,等等

在等待间隔结束时,将使用 最近传递给取消公告函数的参数

为立即参数传递true,以导致反Bounce触发 函数位于等待的前缘而不是后缘 间隔。在防止意外事故等情况下非常有用 双击“提交”按钮以避免第二次触发

var lazyLayout = _.debounce(calculateLayout, 300);
$(window).resize(lazyLayout);

我只想在我的项目中包含下划线.js,并使用它包含的去盎司函数。它工作得很好。我在多个项目中使用过它

debounce_uounce(函数,等待,[立即])创建并返回 传递函数的新取消公告版本,该版本将推迟其 自上一次执行后已过等待毫秒后执行 调用它的时间。对于实现只应 在输入停止到达后发生。例如:渲染 预览降价注释,在窗口后重新计算布局 已停止调整大小,等等

在等待间隔结束时,将使用 最近传递给取消公告函数的参数

为立即参数传递true,以导致反Bounce触发 函数位于等待的前缘而不是后缘 间隔。在防止意外事故等情况下非常有用 双击“提交”按钮以避免第二次触发

var lazyLayout = _.debounce(calculateLayout, 300);
$(window).resize(lazyLayout);

我不喜欢只为解盎司函数包含一个库的想法。你可以这样做:

var debounce = null;
$('#input').on('keyup', function(e){
   clearTimeout(debounce );
   debounce = setTimeout(function(){
      $.ajax({url: 'someurl.jsp', data: {query: q}, type: 'GET'})
   }, 100);
});

我不喜欢只为解盎司函数包含一个库的想法。你可以这样做:

var debounce = null;
$('#input').on('keyup', function(e){
   clearTimeout(debounce );
   debounce = setTimeout(function(){
      $.ajax({url: 'someurl.jsp', data: {query: q}, type: 'GET'})
   }, 100);
});

你只是想停止动画吗?当你将鼠标悬停在图片上时,它会启动动画。如果你再运行几次,动画就会生成。根据你想要的行为,你可能会想检查一下。它有不同的选项用于停止动画、清除动画或完成动画你只是想停止动画吗?当你将鼠标悬停在图片上时,它会启动动画。如果你再运行几次,动画就会生成。根据你想要的行为,你可能会想检查一下。它有不同的选项用于停止动画、清除动画或完成动画如果debounce是您唯一需要的功能,那么绝对不建议包括完整的
库。我个人认为,在浏览器定期更新时,为团队已经构建、提供和维护的东西重新发明轮子是没有意义的。不仅如此,而且一旦您使用下划线.js f或者一件事,您通常会找到许多其他地方来使用此库。此外,下划线.js不是一个很大的库。在我看来,价值/成本比率非常重视价值。如果debounce是您唯一需要的功能,那么绝对不推荐包含完整的
\uucode>库。我个人当浏览器定期更新时,不要认为为团队已经构建、提供和维护的东西重新发明轮子是有意义的。不仅如此,一旦你使用下划线.js,你通常会找到许多其他地方使用这个库。此外,下划线.js不是一个非常大的库。在我看来,价值/成本比率在很大程度上取决于价值。