美文网首页
浅谈 Underscorejs 中 _.debounce

浅谈 Underscorejs 中 _.debounce

作者: 新亮笔记 | 来源:发表于2018-09-07 20:03 被阅读14次

事件间隔条件(函数去抖) debounce 当调用动作n毫秒后,才会执行该动作。

使用场景

  • 游戏射击,keydown 事件
  • 文本输入、自动完成,keyup 事件

使用场景(事件)

  • scroll 事件(资源的加载)
  • mousemove 事件(拖拽)
  • resize 事件(响应式布局样式)
  • keyup 事件(输入框文字停止打字后才进行校验)

代码片段

function ajax_lookup( event ) {
  // 对输入的内容$(this).val()执行 Ajax 查询
};

// 字符输入的频率比你预想的要快,Ajax 请求来不及回复。
$('input:text').keyup( ajax_lookup );

// 当用户停顿250毫秒以后才开始查找
$('input:text').keyup( _.debounce( ajax_lookup, 250 ) );

扩展

  • throttle

官方地址


Thanks ~

相关文章

网友评论

      本文标题:浅谈 Underscorejs 中 _.debounce

      本文链接:https://www.haomeiwen.com/subject/dxkhgftx.html