如何稀释 流事件 (如,onscroll、change、input、mouseover 等 事件)

1、问题引入:https://segmentfault.com/q/1010000000707337?_ea=62905

2、javascript中的函数节流和函数去抖:https://www.cnblogs.com/shoestrong/p/6538783.html 或 https://www.jianshu.com/p/3c8fe88ec9a9 或 https://www.cnblogs.com/goloving/p/8672361.html(推荐)

  a:去抖(或防抖):连续事件中,事件结束时。最后一次事件 去 执行 事件函数。(比如,resize事件 结束时,执行事件函数)

  b:节流:连续事件,每隔一定时间去触发一次。(比如,resize事件 连续触发过程,每隔1秒钟 执行一次事件函数)

注:去抖  节流 都是 减少 事件函数内程序的执行,事件本身还是正常触发的。

 


具体使用开发场景:

1、垃圾分类项目:input 框,每输入一个文字调用接口,查询联想词。不同的输入法,在输入中文时,会先把拼音先输入到键盘。确认汉字时,才把汉子输进去。(严格来讲这种不算是 流事件

  这种的解决办法:只获取输入框的中文字,字母用空字符串替换,watch监听输入框的文字的变化就可以了。

 

posted @ 2019-08-11 22:33  吴飞ff  阅读(290)  评论(0编辑  收藏  举报