博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js 去抖技术应用例子
阅读量:7106 次
发布时间:2019-06-28

本文共 454 字,大约阅读时间需要 1 分钟。

hot3.png

js 去抖技术的话, 一百度下来, 都是比较简单的代码示例,但是 看起来,都不知道怎么引用,有点难下手。

而且对它的原理也不是很明白。

例子:

菜鸟教程(runoob.com)

如果你点我,我就会消失。

继续点我!

接着点我!

使用到了定时器, 这个很容易看明白。 

上例子中就是 点击的时候, 返回一个定时器方法,在定时器里面,代理执行传入的方法 fn .

也就是 去抖技术,会返回 最后一次 操作 需要执行的方法。 然后该方法会定时自动执行。

使用到了 比较原生的js 技术, 百度一下 apply , arguments  等 即很容易看明白了

 

总结

去抖技术的 核心思想就是 定时器的使用。 

如果再次 执行方法的时候,定时器存在,就去掉,然后新建一个 定时器对象。

这样就会每次都是会执行最新的操作了。

所以就算不用 去抖技术的 demo代码, 单单使用定时器去控制, 都可以 实现一样的效果

 

 

 

 

转载于:https://my.oschina.net/u/2419285/blog/2249366

你可能感兴趣的文章
项目17-超详细“零”基础kafka入门篇
查看>>
nginx配置文件
查看>>
mysql_innodb引擎
查看>>
asp.net的code-Behind技术
查看>>
PYTHON-文件处理
查看>>
erlang中http请求
查看>>
PHP将数据集转换成树状结构
查看>>
代码审计入门后审计技巧
查看>>
werkzeug中reloader的实现
查看>>
apache 启动脚本加入系统服务列表
查看>>
静态网页与动态网页区别
查看>>
深度解析VC中的消息传递机制
查看>>
springmvc文件下载
查看>>
STL二级空间配置器设计
查看>>
.Net下HTTP访问穿越多层代理的方法以及代理服务器的验证 转载
查看>>
numpy中的nan (无穷小)注意点
查看>>
iphone屏幕分辨率
查看>>
linux的文件处理工具
查看>>
UVA 1603 Square Destroyer
查看>>
php-Iterators迭代器
查看>>