节流与防抖（普通，闭包，vue三种写法）

1.什么是节流防抖

1.节流：

节流就是一段时间件内只执行一次

2.防抖：

防抖也是一段时间只执行一次，但是这个时间会随着使用者不听重复执行事件而重复刷新。

2.节流写法：

1.普通写法：

设置一个flag，来判断函数是否执行，当函数false时不执行，也间接的防止了地市器的重复设置。

        let flag = true
        window.onscroll = function () {
            if (flag) {
                console.log(123);
                setTimeout(() => {
                    flag = true
                }, 1000)
            }
            flag = false
        }

2.闭包写法

 function test() {
            let flag = true

            return function () {
                if (flag) {
                    console.log(123);
                    setTimeout(() => {
                        flag = true
                    }, 1000)
                }
                flag = false
            }