函数节流与防抖

函数节流

    在一定时间内只会执行一次

    var timer = null;

     window.addEventListener('resize', function () {

        if (timer) {

            //函数防抖

            clearTimeout(timer);

            timer = null;

        }

        timer = setTimeout(function () {

            document.documentElement.style.fontSize = (document.documentElement.clientWidth || document.body.clientWidth) / 10 + 'px';

        }, 300)

    })

函数防抖

    在一定时间内，存在一个定时器，那么将存在的定时器清楚掉，再开启一个新的定时器(返回最新的一次数据)

 var timer = null;

 window.addEventListener('resize', function () {

        if (timer)return;

        timer = setTimeout(function () {

            document.documentElement.style.fontSize = (document.documentElement.clientWidth || document.body.clientWidth) / 10 + 'px';

        }, 300)

    })