函数节流跟函数防抖

dom 二级绑定事件，监听resize
resize事件是实时监听的在监听过的
window.addEventListener('reszie', function () {
            优化方案
           
            2. 函数防抖： 在一定时间内，存在一个定时器，那么将存在的定时器清除掉，再开启一个新的定时器
            if (timer) {
                clearTimeout(timer);
                timer = null;
            }

            timer = setTimeout(function () {
                要执行的语句
                changeFontSize();

                clearTimeout(timer);
                timer = null;

            }, 300);
        });

     1.函数节流: 在一定时间内，只会执行一次

        window.onresize = function () {
            // 如果定时器存在，则返回
            if (timer) return;

            timer = setTimeout(function () {
                changeFontSize();
                clearTimeout(timer);
                timer = null;
            }, 300);
        }