防抖和节流

好先

已于 2022-03-12 11:42:41 修改

阅读量56

点赞数

分类专栏：前端文章标签： javascript 前端 jquery

于 2022-03-10 00:33:09 首次发布

本文链接：https://blog.csdn.net/weixin_59719549/article/details/123391186

版权

防抖节流代码优化性能提升事件处理

关键词由CSDN通过智能技术生成

前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

降低代码的执行操作
防抖:多次操作,以最后一次为准
降低代码的执行频率
节流:固定时间内,多次操作只执行一次;
实现方法：var timer;
// 节流        box.onmousemove = function () {
            clearTimeout(timer);
            timer = setTimeout(() => {
                inner.innerText = ++index;
            }, 1000)
        }
 
节流
       btn.onclick = function () {
            if (flag) {
                flag = false;
                setTimeout(() => {
                    flag = true;
                    btn.innerText = ++index;
                }, 1000);
            }
        }