前端搜索功能优化

废话不多说,直接上代码

function debounce(callback,delay){
        var t=null
        return function(){
            clearTimeout(t)
            t=setTimeout(callback,delay)
        }
    }
    window.onscroll=debounce(function(){
        console.log('调用了一次')
    },500)
其实这段代码就是函数防抖动的,啥意思呢,简单点说就是你在百度搜索框内输入内容是,暂停0.5秒,函数就会执行一次!
说到这里你可能还不太明白,那就举个具体的例子。比如你在百度搜索框内输入 what is OOAD?百度引擎做了啥事呢,当你
输入what时他已经发送ajax请求,请求到了相关数据,当时你输入wh时,时间小于0.5秒,所以不发ajax请求,这种做法可以
优化用户的体验!快速查找符合要求的数据。

posted on 2019-09-09 20:26  luokaixing  阅读(585)  评论(0)    收藏  举报

导航