JS防抖节流篇----防抖

最新推荐文章于 2024-11-12 17:31:26 发布

Fx_cap

最新推荐文章于 2024-11-12 17:31:26 发布

阅读量1k

点赞数

分类专栏： JS防抖节流篇文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_56274171/article/details/121934985

版权

JS防抖节流篇专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文深入探讨了防抖和节流这两种JavaScript优化技术，它们常用于处理高频触发的事件，如input输入。防抖确保在规定时间内多次触发后只执行最后一次，而节流则限制执行频率。示例中展示了如何实现防抖技术，应用于input事件处理，以优化性能。

摘要由CSDN通过智能技术生成

防抖:
规定时间多次触发,只执行最后一次

常见应用场景:

input

//理解版
<body>
    <input type='text'/>
    <script>
        // 防抖:一定时间内多次触发只执行最后一次
         const ipt = document.querySelector('input')
         let timer = null
         ipt.oninput = () => {
             if (timer !== null) clearTimeout(timer)
             timer = setTimeout(() => {
                 console.log(1);
             }, 2000);
         }
    </script>
</body>

节流:面试官更喜欢问防抖节流篇----节流