Java教程

第 47 题：什么是防抖和节流？

本文主要是介绍第 47 题：什么是防抖和节流？，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

防抖

触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间

<script>
export default {
    data() {
        return {
            timer: null
        };
    },
    methods: {
        click() {
            clearTimeout(this.timer);

            this.timer = setTimeout(() => {
                console.log('鼠标单击');
            }, 200);
        }
    }
};
</script>

节流

在单位时间内, 只会触发一次事件，如果事件触发后，又重复触发了同一事件，则忽略后面触发的事件，直到第一次事件的计时结束

<script>
export default {
    data() {
        return {
            isFinshed: true
        };
    },
    methods: {
        click() {
            if (this.isFinshed === true) {
                this.isFinshed = false;

                this.timer = setTimeout(() => {
                    console.log('鼠标单击');
                    this.isFinshed = true;
                }, 200);
            }
        }
    }
};

这篇关于第 47 题：什么是防抖和节流？的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航