前言

面试的时候经常被问到防抖与节流，现在来记录一下。

正文

  • 概念：
    函数防抖(debounce)

在事件触发n秒后在执行函数 如果n秒内又被触发 则重新计时

举个例子

监听鼠标移动事件

1
2
3
4
5
6
7
8
9
10
11
<body>

    <div onmousemove="fn()"></div>

    <script>
        function fn(){
            console.log('触发')
        }
    </script>

</body>

tetst.md.gif
可以看到我只要我鼠标移动就会触发事件,如果这是ajax请求的话 显然不是我们想要的、优化一下。

待完成。。。

写在最后