bilibili|现在的年轻人是怎么了，最近公司招前端，听说有笔试扭头就走了财报|日活跃用户数量

文章图片

【bilibili|现在的年轻人是怎么了，最近公司招前端，听说有笔试扭头就走了】

感觉我出的题目也不难，都是项目实际开发中经常需要用的，比如像下面这道题，介绍节流防抖原理、区别、应用场景以及代码如何实现？我也没要求他们一定答得跟标准答案一样，只要你根据自己的情况说一下自己的理解就行了，只要能答到下面这些点子上就行

【节流】事件触发后，规定时间内，事件处理函数不能再次被调用，也就是说在规定的时间内，函数只能被调用一次，且是最先被触发调用的那次。

【防抖】多次触发事件，事件处理函数只能执行一次，并且是在触发操作结束时执行，也就是说，当一个事件被触发准备执行事件函数前，会等待一定的时间（这时间是自己去定义的，比如 1 秒），如果没有再次被触发，那么就执行，如果被触发了，那就本次作废，重新从新触发的时间开始计算，并再次等待 1 秒，直到最终执行。

【使用场景】，节流：滚动加载更多、搜索框搜索联想功能、高频点击、表单重复提交。防抖：搜索框搜索输入，并在输入完以后自动搜索、手机号，邮箱验证输入检测、窗口大小 resize 变化后，再重新渲染。代码实现如图。