防抖和节流 理解及其应用场景

防抖是将多次执行变为只执行一次,节流是将多次执行变为每隔一段时间执行

防抖(debounce)

    search搜索联想,用户在不断输入值时,用防抖来节约请求资源。

    window触发resize的时候,不断的调整浏览器窗口大小会不断的触发这个事件,用防抖来让其只触发一次

节流(throttle)

    鼠标不断点击触发,mousedown(单位时间内只触发一次)

    监听滚动事件,比如是否滑到底部自动加载更多,用throttle来判断

posted @ 2021-10-15 10:10  果果1024  阅读(294)  评论(0)    收藏  举报