JS中的防抖和节流
认识防抖debounce函数
我们用一幅图来理解一下他的过程
当事件触发的时候,相应的函数并不会立即触发,而是会等待一定的时间当事件密集触发的时候,函数的触发会被频繁的推迟只有等待了一段时间有没有事件触发,才会真正的执行响应函数
防抖的应用场景很多
输入框中频繁的输入内容,搜索或者提交信息频繁的点击按钮触发某个事件监听浏览器的滚动事件,完成某些特定的操作用户缩放浏览器的resize事件
防抖函数的案例
我们都遇到过这样的场景,在某个搜索框中输入自己想要搜索的内容:
比如想要搜索一个MacBook:
当我输入m时,为了更好的用户体验,通常会出现对应的联想内容,这些联想内容通常是保存在服务器的,所以需要一次网络请求;
当继续输入ma时,再次发送网络请求;
那么macbook一共需要发送7次网络请求;
这大大损耗我们整个系统的性能,无论是前端的事件处理,还是对于服务器的压力;
但是我们需要这
JS中的防抖和节流最先出现在Python成神之路。
版权声明:
作者:lichengxin
链接:https://www.techfm.club/p/29345.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。
THE END
二维码
共有 0 条评论