js防抖和节流
2021-05-06 05:27
阅读：366
常见应用场景：
（1）window的 resize 和 scroll 事件；
如：滚动到页面底部加载更多，稍微滚动一下就会触发n多次scroll事件，如果每次触发scroll事件的时候都去判断一次是否已经滚动到了页面底部，无疑会造成资源的浪费。此时若使用js节流，每隔一定的时间（如500ms）进行一次判断，间隔期间只能有一次触发判断，既节省了资源，也不会影响用户体验。
（2）文字输入时的 keyup 事件；
如：输入搜索关键词的时候，进行自动完成或者自动联想。同理，这种情况下用户每敲击一次键盘就会触发一次keyup事件，此时用户可能连一个字都没有输入完成==，此时可以使用js防抖，在用户停止输入的一段时间后（如500ms）触发判断，进行自动联想或者自动搜索；也可以使用js节流，每隔一段时间，进行一次判断的执行，既可以实现实时的自动联想，也不会出现过于频繁的请求。
（3）元素拖拽、移动时的 mousemove 事件；
上一篇：php导出excel表
评论
亲，登录后才可以留言！