第 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
【第 47 题：什么是防抖和节流？】【利用 THREE.JS 实现 3D 城市建模（珠海市）】https://3d.noxussj.top/