新网创想网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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://wjwzjz.com/article/dsojicc.html
在线咨询
服务热线
服务热线:028-86922220
TOP