JavaScript中函数的防抖与节流怎么应用


本文小编为大家详细介绍“JavaScript中函数的防抖与节流怎么应用”,内容详细,步骤清晰,细节处理妥当,希望这篇“JavaSc免费云主机域名ript中函数的防抖与节流怎么应用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。同时触发多次函数执行,执行的是相同内容,要求只执行第一次请求。例如scroll事件,鼠标滚动一次触发多次函数执行,只需要执行一次。定义类似于开关的效果,定义一个变量储存默认值,触发执行之前先判断变量存储的数据,如果是原始数据赋值变量新数据,如果不是原始数据,执行return 终止之后程序的执行。这里我们先写一个窗口监听事件。可以看到,博主只拨动了一次鼠标的滚轮,但是函数却执行了不止一次。函数的节流就是要做到,滚动一次,执行一次函数,后台输出一次结果。同时触发多次函数执行,只执行最后一次请求,多次触发的函数程序结果是不同的。通过延时器延迟时间执行程序,先清除定时器,再触发定义的新的延时器执行函数程序。这里我们先写一个input输入数据事件。这里我判断的是输入字符串的长度,可以看到输出结果由1-5个字,最后打出中文又变回了2个字符。那防抖的操作就是我只打出最后一个“你好”这串字符的长度。也就是同时触发多次函数请求,只执行最后一次。读到这里,这篇“JavaScript中函数的防抖与节流怎么应用”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注百云主机行业资讯频道。

相关推荐: 怎么用Python中的turtle画箭头,矩形,五角星

本文小编为大家详细介绍“怎么用Python中的turtle画箭头,矩形,五角星”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么用Python中的turtle画箭头,矩形,五角星”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。前言:…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 08/19 07:58
Next 08/19 07:58

相关推荐