首页 > 其他 > 详细

前端搜索功能优化

时间:2019-09-09 20:35:20      阅读:106      评论:0      收藏:0      [点我收藏+]

废话不多说,直接上代码

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请求,这种做法可以
优化用户的体验!快速查找符合要求的数据。

前端搜索功能优化

原文:https://www.cnblogs.com/luokx/p/11494023.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!