js 防抖

防抖

    <script>
    						//执行的函数  事件  要执行的参数
		function antiShake(handler,delay, url){
            var timer = null;
            return function (){
                clearTimeout(timer);
                timer = setTimeout(()=>{
                    handler(url);
                },delay)
            }
        }
        for(let i=0; i < $('.navlistIndex').length ; i++){
            $($('.navlistIndex')[i]).on('click',antiShake(navHrefList, 500, $($('.navlistIndex')[i])))
        }
        function navHrefList(data){
            window.location.href = data.attr("data-src")
        }
    </script>

防抖的原理是用js操作标签执行事件，事件会直接被执行，然后return 的事件在点击的时候就会被执行，就是先了防抖的功能