节流和防抖

节流：一段时间内，只执行一次某个操作，过了这段时间，还有操作的话，继续执行新的操作

防抖：就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。

    function debounce(fn,delay){
        let timer = null;
        return function(){
            clearInterval(timer);
            timer = setTimeout(()=>{
                fn.apply(this,arguments);
            },delay)
        }
        

    }    
    const inputDom = document.querySelector('.ipt');
    // inputDom.addEventListener('input', function(){
    //     console.log('wwwwwwwwwwww0');
    // })
    inputDom.addEventListener('input', debounce(function(e){
        console.log('this---',this);
        console.log('e---',e);
        console.log('发送搜索请求')
    },500))