js 防抖与节流-大悟县灿优商贸网站建设

关于灿优商贸

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

js 防抖与节流

1. 概念上的区别(从 handle 的有效性分析)

  1. 防抖:多次执行只有最后一次生效,必要参数 [ handle, time ]
  2. 节流:一段时间内只能执行一次,必要参数 [ handle, time ]

2. 实现一下

  1. 防抖:
     1 function debounce(handle, time) {
     2     let timer = null;
     3     return function () {
     4         if (timer) {
     5             clearTimeout(timer);
     6             timer = null;
     7         }
     8         timer = setTimeout(() => {
     9             handle();
    10         }, time);
    11     };
    12 }

    网站标题:js 防抖与节流
    文章分享:http://www.apyobr.com/article/dsojicc.html

其他资讯