第 47 题:什么是防抖和节流?
Posted Noxus丶SJ
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第 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/Interview-Questions/issues
-
【大数据可视化图表插件】https://www.npmjs.com/package/ns-echarts
-
【利用 THREE.JS 实现 3D 城市建模(珠海市)】https://3d.noxussj.top/
以上是关于第 47 题:什么是防抖和节流?的主要内容,如果未能解决你的问题,请参考以下文章