js处理函数的节流与防抖的方法

最新推荐文章于 2024-10-31 22:54:55 发布

Stirve unremitting

最新推荐文章于 2024-10-31 22:54:55 发布

阅读量135

点赞数

分类专栏：笔记文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46421045/article/details/106754006

版权

笔记专栏收录该内容

96 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 函数节流：如果一个功能要反复触发，但是多次触发会导致效果叠加，解决方案就是只在最后一次触发
    // 节流的案例就是轮播图里的isMove，就是让中间的点击无效，只有最后一次静止了才有效
    // 函数节流的处理手法一般就是标志位（开关）


    // 函数防抖：如果一个功能要反复触发，但是多次触发会导致效果叠加
    //          解决方案是每次都触发，但是下一次的触发会先把上一次的效果清除
    // 开启一个新的定时器之前先把上一次的定时器清除 utils.move()


    // 瀑布流里的防抖：
    // 我们自己的定时器会返回触发，但是每一次触发之前是把上一次的清除掉

    // 瀑布流里的节流：
    // 另外用一个定时器来触发，如果滚动事件没有结束，第二次进来的时候这个定时器会被清除，里面的代码根本就不会运行
    // 只有最后一次滚动结束了，里面的自己的定时器代码才会开始运行


  </script>
</body>
</html>