面试官让我写防抖，甩他脸上

最新推荐文章于 2024-11-13 17:27:29 发布
最新推荐文章于 2024-11-13 17:27:29 发布
阅读量354 收藏 5
点赞数 7
文章标签： javascript 面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44436543/article/details/134874937
版权

节流：无论点击多少次，只执行第一次

防抖：无论点击多少次，都会在最后一次点击后再过2秒执行

其实工作中我们常用的还是引库，不会自己手写。应对面试，背一下喽。面试官也无奈 要进行筛选的[/狗头][/狗头][/狗头]

会点法律的程序员
关注
面试题 防抖和节流
xihuanLilia的博客
03-09 2354
防抖和节流前言😺防抖🐱 前言😺 防抖和节流是一个常问的面试题 我也不指名道姓了，不同于某些jsonp 防抖和节流在实际开发者对性能的优化和对用户体验的升级都有作用 所以我们很有必要掌握 话不多说 开始正文😾 防抖🐱 函数防抖，就是指触发事件后，函数在 n 秒后只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数的执行时间。 简单的说 就是一段时间只执行一次 这样就能够保证用户在频繁触发某些事件的时候，不会频繁的执行回调，只会被执行一次 举个例子🌰 你打游戏 按b回城需要十秒钟 🐱 等你回了城出来 再
面试官：什么是防抖和节流？有哪些实现方式？
weixin_42686892的博客
02-23 684
通俗理解 防抖 平时我们买手机或者相机，都具有防抖功能，相机的防抖和这里防抖逻辑上是一样的。当我们拿起相机记录视频的时候，我们的手会不停的抖动，但是拍出的视频却抖的却不是很厉害，原因就是相机把n毫秒之内的抖动给忽略掉，使相机的镜头始终保持在n毫秒之前的状态。 节流 物体在的移动在空间和时间上是连续的，但是我们记录的视频却是一帧一帧的，原因就是相机忽略了n毫秒内的物体移动，以节省存储空间。这个过程可以理解为节流。 其实说明一些问题未必要举和事物本身不一样的东西，那接下来我们就拿开发网页时真是遇见的场
当面试官让你手写防抖、节流时，是在考察什么
u012443286的博客
04-01 1085
即达停止触发后再执行一次的效果。而对于非最后一次的触发，定时器都会被清除掉。其六，如果只触发一次，那么同样不是立即执行，而是在剩余时间之后执行一次。
Javascript面试重点-手写防抖节流函数
m0_71485750的博客
07-08 2977
我们按照如下思路来实现：1.需要接收什么参数:参数一: 回调的函数参数二: 延迟时间 2.返回值是什么最终我们返回结果是要绑定对应的监听事件的, 所以返回值一定是一个新的函数 3.内部实现我们可以在_debounce函数中开启个定时器, 定时器的延迟时间就使用delay并且每开启一个定时器, 我们都需要将上一次的定时器取消掉 这样防抖的基本实现就已经实现完成, 已经可以实现防抖的效果, 我们可使用上一篇的输入框案例测试一下测试代码帮大家拿过来 完成以上代码, 我们已经实现了防抖函数最核心的一
前端面试怎么回答节流和防抖
夏天的博客
03-27 1539
关于节流和防抖这一问题会经常在前端面试中问到，笔者认为可以从以下几个方面回答 1.节流 节流是什么 函数节流是指规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。 节流可以使用在 scroll 函数的事件监听上，通过事件节流来降低事件调用的频率。 节流函数的适用场景： 拖拽场景：固定时间内只执⾏⼀次，防⽌超⾼频次触发位置变动 缩放场景：监控浏览器resize 动画场景：避免短时间内多次触发动画引起性能问题 源代码 // 节流（一段时
手写防抖和节流函数
热门推荐
zep
03-16 1万+
一、认识防抖debounce函数 我们用一副图来理解一下它的过程： 当事件触发时，相应的函数并不会立即触发，而是会等待一定的时间； 当事件密集触发时，函数的触发会被频繁的推迟； 只有等待了一段时间也没有事件触发，才会真正的执行响应函数； 防抖的应用场景很多： 输入框中频繁的输入内容，搜索或者提交信息； 频繁的点击按钮，触发某个事件； 监听浏览器滚动事件，完成某些特定操作； 用户缩放浏览器的resize事件； 总结：防抖其实是延迟函数的执行，只有当等待了一段时间也没有事件触发时，才会真正去执行函数 1.
【面试题】防抖和节流
Trees__的博客
05-14 972
【面试题】防抖和节流 文章目录【面试题】防抖和节流1. 防抖和节流概念1. 防抖1.1 普通防抖1.2 防抖升级1.3 新增防抖参数（立即执行）2. 节流2.1 第一种写法2.2 第二种写法总结 1. 防抖和节流 概念   防抖：在一定的时间间隔内，将多次的触发变成一次触发，类似游戏中的回城，你一直触发回城事件，但是最终只能执行一次，等到回城时间一到就回家了   节流：减少在一段时间内的频率，类似游戏中的技能CD，在指定的时间内只能使用一次技能 1. 防抖 1.1 普通防抖 /* 防抖函数
前端面试之手写防抖节流
weixin_47347505的博客
04-06 4318
前端面试之手写防抖节流
JS面试题---什么是节流和防抖？怎样手写一个自己的节流和防抖工具函数
2202_75922690的博客
02-08 1319
JS面试题---什么是节流和防抖，如何手写，他们之间有什么区别，分别有哪些应用场景
前端面试题：防抖和节流
薇z的博客
08-04 838
首先，说到防抖和节流，大家都不陌生，但是有时候又会傻傻分不清楚，有人说 防抖:就是回城,被打断就要重新来 ， 有人说节流:就是技能CD,CD没好,你用不了技能 。当然，对于防抖和节流的理解各有千秋，今天我们一起来学习一下什么是防抖，什么是节流，该如何使用它们吧...
如何在面试中手写出javascript节流和防抖函数
01-18
面试的时候我们经常会问别人是理解什么是节流和防抖，严格的可能要求你写出节流和防抖函数，这里我们抛开loadsh工具库手写节流和防抖 1.节流函数throttle // 节流方案1，每delay的时间执行一次，通过开关控制 ...
【web前端Vue项目】----- 30秒教会你极简防抖输入框，面试官如何提问面试者
m0_60635609的博客
04-18 1008
面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。96道前端面试题：常用算法面试题：内容主要包括HTML，CSS，JavaScript，浏览器，性能优化网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
跟着尚硅谷学vue2—进阶版2.0—使用 Vue 脚手架1.0
zhzijun的博客
11-13 407
分析脚手架 、ref和props、mixin混入、插件、scoped样式、总结TodoList案例、浏览器本地存储-webStorage、TodoList_本地存储
vue2面试题5|[2024-11-08]
m0_49474690的博客
11-08 969
关于vue2API的面试题
解决@ant-design-vue/nuxt模块加载到许多没用到的组件，影响开发下加载速度的问题
清晰编程
11-12 147
升级命令：npm up @ant-design-vue/nuxt。解决方法：将该模块版本升级到1.4.6。
Vue中的常用指令
m0_62388400的博客
11-12 1126
指令（Directives）是 Vue 提供的带有的 特殊 标签。为啥要学：提高程序员操作 DOM 的效率。vue 中的指令按照不同的用途可以分为如下 6 大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令 （v-bind）双向绑定指令（v-model）列表渲染指令（v-for）指令是 vue 开发中最基础、最常用、最简单的知识点。
Javascript中Map与Set以及其常见遍历方式
警警的博客
11-12 739
在JavaScript中，Map和Set是两种非常重要的集合类型，它们提供了比传统对象（Object）和数组（Array）更强大和灵活的数据存储和操作方法。下面是对Map和Set的详细解释。
如何编译 Cesium 源码
最新发布
ismartcube的博客
11-13 721
通过以上步骤，您可以成功地从 GitHub 上下载 Cesium 源代码并在本地进行编译。对于开发人员来说，编译 Cesium 源码有助于定制功能，或者调试某些问题。如果您只是想使用 Cesium 进行开发，而不需要编译源代码，您也可以直接从 CDN 或下载预构建版本进行使用。编译的 Cesium 版本可以直接在您的应用中引用，或者部署到 Web 服务器上，供其他用户访问。提供一个高效、兼容、优化的数据转换工具，一站式完成数据转换、数据发布、数据预览操作。
从零开始快速构建Vue3项目
欧唯薇
11-13 677
是目前最推荐的方式来创建 Vue 3 项目，因为它速度快，配置简洁，并且是 Vue 3 的官方推荐工具。打开浏览器并访问 `http://localhost:5173`，你将看到一个基本的 Vue 3 应用程序运行。1、若需要使用不同版本node（兼容新旧项目环境），则需要使用nvm来进行node多版本管理，下载并安装。2、若出现某个依赖安装报错，可以npm install --ignore-scripts，最后再来单独安装报错的依赖。
请帮我写js防抖函数
08-24
防抖函数的实现方式如下: ```javascript function debounce(fn, delay) { let timer = null; return function(...args) { clearTimeout(timer); timer = setTimeout(() => { fn.apply(this, args); }, delay);...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值