防抖

触发高频事件后 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/