js 去抖技术的话, 一百度下来, 都是比较简单的代码示例,但是 看起来,都不知道怎么引用,有点难下手。
而且对它的原理也不是很明白。
例子:
菜鸟教程(runoob.com) 如果你点我,我就会消失。
继续点我!
接着点我!
使用到了定时器, 这个很容易看明白。
上例子中就是 点击的时候, 返回一个定时器方法,在定时器里面,代理执行传入的方法 fn .
也就是 去抖技术,会返回 最后一次 操作 需要执行的方法。 然后该方法会定时自动执行。
使用到了 比较原生的js 技术, 百度一下 apply , arguments 等 即很容易看明白了
总结
去抖技术的 核心思想就是 定时器的使用。
如果再次 执行方法的时候,定时器存在,就去掉,然后新建一个 定时器对象。
这样就会每次都是会执行最新的操作了。
所以就算不用 去抖技术的 demo代码, 单单使用定时器去控制, 都可以 实现一样的效果