Usted no sabe el secreto de la función anti-vibración

función anti-vibración

• En primer lugar una mirada más cercana a la definición no puede leer la función de estabilización de imagen

  • Cuando la función de un muy pequeño periodo de tiempo cuando se activa con frecuencia, en la que sólo cuando el intervalo de tiempo entre cualquier intervalo de dos gatillo adyacente alcanza una cierta longitud, la función se realiza una vez

• De hecho, es la función anti-vibración y la vida cotidiana para coger el autobús, que todos quieren ponerse al día con una razón

• Primero con el código de simular lo que una vez en un coche personal, el conductor condujo de inmediato

  // 开车函数
  function kaiChe() {
    console.log('车开走了~');
  }
  // 打开车门
  var door = document.getElementById('ipt');
  // 一旦有人进入就立即开车
  door.oninput = kaiChe;
  

• Para ser honesto, no quiero esta vida se reunió este controlador

• Por lo que es de mí, ser una dedicación en beneficio de los pasajeros de un conductor bueno!

  // 准备一个秒表
  var clock;
  // 一旦有乘客上车
  door.oninput = function () {
    // 将表清零
    clearTimeout(clock);
    // 开始计时10秒钟 , 等后面的人上车
    clock = setTimeout(() => {
      // 10秒内没人上车再开车
      kaiChe();
    }, 10000);
  }
  

• Pero entonces, no necesitamos cada otros 10 segundos, no sólo en abierta necesidades de transporte público y otros, vamos a esperar a que esta operación se llevó a cabo en función del paquete abstracta, más versátil

  function debounce(fn, delay) {
    var clock;
    return function () {
      clearTimeout(clock);
      clock = setTimeout(fn, delay);
    }
  }
  
  // 调用方式 : 4秒之内无人上车再开车
  door.oninput = debounce(kaiChe, 4000);
  
  // 我计划等到周六睡懒觉嘿嘿嘿
  me.onplan = debounce('睡懒觉', '周六');
  

• escenarios de estabilización de imagen Función

  • búsqueda en tiempo real (keyup)

  • Arrastre (mousemove)