手记

【学习打卡】第3天

打卡笔记

课程名称:前端校招面试攻略,无惧层层考核,实现Offer零距离

课程章节: 第3章 JavaScript面试题【前端三大基石中的重中之重】

主讲老师:freemen

课程内容:

今天学习的内容包括:

如何实现一个防抖函数

课程收获:

什么是函数防抖:

事件被触发n秒后再执行回调,如果在这n秒内又被触发则重新计时


使用场景: 在电商平台输入商品的时候,需要给输入框加一个防抖函数; 后台管理系统数据查询

作用:减少HTTP请求,减少服务器带宽


//代码重点:返回值是函数;固定间隔实现事件响应函数; 会把之前的事件清除掉,只保持n秒内最后一次执行的函数


代码:

function debounce(fn, interval){

  let timer = null;

  return () =>{

    clearTimeout(timer);

    timer = setTimeout((fn, interval)

  }

}


0人推荐
随时随地看视频
慕课网APP