热门搜索 :
考研考公
您的当前位置:首页正文

浅谈 Underscorejs 中 _.debounce

来源:东饰资讯网

事件间隔条件(函数去抖) 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 ~

Top