关于html:第-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);
            }
        }
    }
};

【继续保护 / 更新 500+ 前端面试题 / 笔记】https://github.com/noxussj/In…
【大数据可视化图表插件】https://www.npmjs.com/package…
【利用 THREE.JS 实现 3D 城市建模（珠海市）】https://3d.noxussj.top/

防抖

节流

文章的内容 / 灵感都从下方内容中借鉴