函数的防抖与节流总结与解决

最新推荐文章于 2022-10-12 09:44:45 发布

原创最新推荐文章于 2022-10-12 09:44:45 发布 · 199 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

本文探讨了防抖与节流技术在处理用户操作过快导致的卡顿问题上的重要性。防抖确保在规定时间后只执行最后一次触发的函数，而节流则限制了在特定时间间隔内的回调执行频率。通过使用lodash库中的.debounce()和.throttle()方法，可以有效地应用于输入验证、滚动事件等场景，从而改善应用性能和响应速度。

如果用户操作过快，可能会导致出现卡顿的现象，解决这种问题就需要用到防抖与节流技术

先说一下防抖与节流的概念：
防抖：当操作过快时，前面的触发都会被取消，最后一次执行再规定的时间之后才会触发，也就时说当快速多次触发一个事件时，只会执行一次
如果不做防抖就会出现这种情况，输入一次发一次请求在这里插入图片描述
解决防抖：再项目中西在Lodash插件，引入lodash.js文件，调用.debounce()方法，把需要防抖的函数放进去就可以啦。.debounce(funcetion(){},1000)