前端技能树，面试复习第 54 天—— 手写代码：情景题

最新推荐文章于 2024-03-01 12:38:32 发布
最新推荐文章于 2024-03-01 12:38:32 发布
阅读量541 收藏 10
点赞数 14
分类专栏： 前端面试复习笔记 文章标签： 前端 面试题 手写题 真题 场景题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ImagineCode/article/details/126105634
版权

⭐️ 本文首发自 前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注 Web 技术、区块链、Web 3、答疑解惑、面试辅导以及职业发展。🔥 本文已收录至前端面试题库专栏： 《前端面试复习笔记》（点击订阅）。

1. 循环打印红黄绿

下面来看一道比较典型的问题，通过这个问题来对比几种异步编程方法：红灯 3s 亮一次，绿灯 1s 亮一次，黄灯 2s 亮一次；如何让三个灯不断交替重复亮灯？

三个亮灯函数：

function red(
了解本专栏 订阅专栏 解锁全文 超级会员免费看
编程轨迹_
关注
  • 14
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 22
    评论
专栏目录
订阅专栏
前端面试题-手写代码实现
08-04
前端面试题，小米、快手、百度手写代码实现，算法、函数实现、功能实现等以及常见面试手写代码实现
前端一面基础知识 ③——异步（面试场景题）
qq_40597589的博客
09-21 1244
前言     根据慕课网的《快速搞定前端技术一面 匹配大厂面试要求》课程所整理的题目，陆续更新 常考面试题 如果你觉得自己对异步该部分知识掌握得已经差不多了，那么你可以不看前面的，直接跳转到最底下查看面试场景题 1.同步、异步的区别是什么？ 异步：不会阻塞代码的执行 同步：会阻塞代码执行 同步和异步的差别就在于这条流水线上各个流程的执行顺序不同。 同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进
前端面试手写题系列 X
最新发布
https://github.com/QAQDFAFD
03-01 874
结果：只会执行一次，我们模拟的是一直在滚动滚动条，每隔 0.1ms 执行一次，所以只打印出了一个值，因为 我们模拟的数量过少，这些 scroll1 函数在 0.1ms 之内都完成了。也就是说在如果在cd时间段，不管你触发了几次事件，只会执行一次。游戏中的回城就可以认为是防抖，在回城的读秒过程中，如果再次执行回城操作，那么会重新进行读秒，只有整个读秒过程都没有再次执行回城操作，那么等到读秒结束才能成功回城。实际上是一个一个单独的参数，而不是和 apply 一样的数组作为参数。但是官方的函数只能拍平一层。
## 前端面试题（情景）
m0_53644792的博客
11-09 1124
这个的话我们公司⼤概分了俩种环境，⼀种是开发的时候，⼀种是上⽣产的时候，开发的时候因为要对接的后端可能会⽐较多，他们配置不太⽅便，这个时候采取的是⽐较⽅便的前端代理的⽅案，和谁对接的时候就把target设置为对⽅的接⼝ip 解决跨域问题 要是上⽣产的话 通常就是后端来配置⼀个服务cors。我这边采取的是被动失效，主要是后端失效之后会返回前端⼀个401的状态码，我们可以在axios的响应拦截器⾥，去获取这个状态，如果发现是401就清理⼀下过去的token，然后重新跳转到登录⻚，获取有效token。
前端高频面试题-场景题
qq_44831658的博客
06-18 9674
1、一般vue开发用什么库来辅助 vantUI elementUI js-cookie socket.io axios ECharts 2、页面刚开始出现一片空白的原因 1、网络设置的问题，有可能是IP、端口等出现问题了 2、网速比较慢导致（加载速度慢） 3、浏览器本身出现问题了 4、网络防火墙的问题，设置安全级别过高 5、病毒导致 6、打包路径不对 3、vue的项目如何做首屏的优化 v-if 和 v-show 区分使用场景 computed 和 watch 区分使用场景 v-for 遍历必须为
前端场景题
weixin_44208404的博客
10-06 1083
（1）http请求过多（2）页面回流和重绘较多（3）接收数据时间长，下载资源过大。
前端---场景题
qq_43631129的博客
06-26 1598
js场景题、javascript场景题、vue拖拽、多个请求如何并发处理
前端面试题整理
big_wolf0的博客
05-17 212
1.判断一个字符串出现次数最多的字符以及出现的次数 var str ='absaadasjjjjjjjjjjjdhaksjdh123h123jh123123' //用split把字符串分成数组 var arr=str.split(''); var json={}; //把对应字符作为对象的属性名：其个数作为对象的属性值 for (var key in arr){ if(json[arr[key]]){ json[arr[key]]+=1; } else{ json[arr[key
三个前端实际应用场景问题总结
云雨之石的博客
07-03 749
求真实ip 拆分真实地址为IP地址，将一个无符号32位整数拆分为4*8位无符号整数，然后拼成一个ip地址 题目分析： 32位无符号整数，这里可以理解为32位的二进制数，将其转换为ip，一个ip由4个8位二进制组成，再将二进制转换为十进制即可。 function getIp (num) { let ipRes = ''; for (let i = 0; i < 4; i++) { let res = num.toString().substring(i*8, i*8+8); //
「2021」高频前端面试题汇总之手写代码篇.pdf
12-14
「2021」高频前端面试题汇总之手写代码篇.pdf
「中高级前端面试」JavaScript手写代码无敌秘籍（推荐）
10-17
主要介绍了JavaScript手写代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
fe-interview-handwrite:前端面试常见手写题整理
04-27
前端面试手写题整理前端面试常见的手写题，面试出现概率极高，建议每个都过自己过一遍。你也可以提交 PR，提供你面试遇到的题目。代码汇总请参照 。高频：★★★ 中频：★★ 低频：★JavaScript 原理 ★★ ★★ ★★...
前端开发面试题 （题目列表页）
kkk_xxx的博客
02-23 393
文章目录HTMLCSSJavaScriptECMAScript6 相关前端框架其他问题有趣的问题 HTML Doctype作用？严格模式与混杂模式如何区分？它们有何意义? 行内元素有哪些？块级元素有哪些？ 页面导入样式时，使用link和@import有什么区别？ 常见的浏览器内核有哪些？ 简述一下你对HTML语义化的理解？ 请描述一下 cookies，sessionStor...
前端一面基础知识 ②——作用域和闭包（面试场景题）
qq_40597589的博客
09-06 1012
前言     根据慕课网的《快速搞定前端技术一面 匹配大厂面试要求》课程所整理的题目，陆续更新 常考面试题 场景题     先直接看一下下面这些基础面试场景题，你都会写吗？场景题的答案请拖动下方滚动条，然后查看注释参考对比自己的答案哦 ①闭包场景题一 function print(fn) { const a = 200 fn() } // 函数作
前端面试题（附答案）完善中……
热门推荐
Jet_Lover的博客
04-19 13万+
前端面试笔记前言一、HTML篇1.语义话的目的是什么？⭐2.HTML5新特征⭐⭐⭐3.cookie与sessionStorage和localStorage的区别⭐⭐⭐二、CSS篇1.css有哪些基本的选择器，执行先后顺序？⭐2.垂直居中DIV⭐⭐⭐3.两栏布局左边固定右边自适应⭐⭐3.三栏布局左右固定中自适应⭐⭐4.常用的块与行属性内标签有哪些？有什么特征⭐⭐5.清除浮动⭐⭐⭐6.CSS3新特征⭐⭐⭐7.介绍一下盒模型⭐⭐8.CSS中有哪些长度单位？⭐⭐9.display:none和visibility:h
前端面试题总结
weixin_45086164的博客
11-11 1802
前端面试题总结
前端面试 React（下）
lb6514052的博客
03-04 900
六、Redux 1. 对 Redux 的理解，主要解决什么问题 React是视图层框架。Redux是一个用来管理数据状态和UI状态的JavaScript应用工具。随着JavaScript单页应用（SPA）开发日趋复杂， JavaScript需要管理比任何时候都要多的state（状态）， Redux就是降低管理难度的。（Redux支持React、Angular、jQuery甚至纯JavaScript）。 在 React 中，UI 以组件的形式来搭建，组件之间可以嵌套组合。但 React ...
前端最全面试题整理（持续更新）
我是小奶音啊的博客
02-17 4726
此文章的题是同事给我发的一个PDF文档里的题，原版我也不清楚是哪里的，好像是某个培训机构的题库。题比较全，但是原版很多题的答案不是很清晰，在此基础上我重新补充了一下
2022【前端面试】前端面试题【含答案】最全面试题
Leijiang0504的博客
03-18 4862
1. 一个200*200的div在不同分辨率屏幕上下左右居中，用css实现 这里主要是靠flex布局实现的，这个是重点 display:flex; justify-content:center; align-items:center; <div> <div style=""> 上下左右居中 </div> </div> css div{ width:500px; height:500px; ...
常见前端开发手写面试题思路
03-28
1. 实现一个数组去重的函数 思路：使用对象来存储数组中的元素，遍历数组，若元素在对象中不存在，则存储到对象中，并将其推入新数组中。 2. 实现一个函数，判断一个字符串是否是回文字符串 思路：将字符串翻转，与原字符串比较是否相等。 3. 实现一个函数，可以将多维数组转化为一维数组 思路：使用递归来遍历多维数组，将每个元素推入新数组中，直到遍历完所有元素。 4. 实现一个函数，统计一个字符串中出现次数最多的字符 思路：使用对象来存储每个字符出现的次数，遍历字符串，将每个字符存储到对象中，找到出现次数最多的字符。 5. 实现一个函数，实现数组的冒泡排序 思路：使用双重循环遍历数组，比较相邻两个元素的大小，如果前者大于后者，则交换两个元素的位置，直到遍历完数组。 6. 实现一个函数，实现数组的快速排序 思路：选择数组中的一个元素作为基准点，将数组分为两个部分，一部分大于基准点，一部分小于基准点，递归处理两个部分。 7. 实现一个函数，实现数组的深拷贝 思路：使用递归遍历数组中的每个元素，判断元素类型，如果是对象或数组，则进行深拷贝，如果是基本类型，则直接复制。 8. 实现一个函数，实现函数的柯里化 思路：使用闭包保存参数，当参数个数达到预设值时，执行函数。 9. 实现一个函数，实现函数的节流 思路：使用定时器来控制函数执行的频率，每次函数执行时，清除定时器并重新设置一个定时器。 10. 实现一个函数，实现函数的防抖 思路：使用定时器来延迟函数执行，每次函数执行时，清除定时器并重新设置一个定时器。如果在定时器延迟时间内再次触发函数，则重新计时。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 22
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程轨迹_

期望和你分享一杯咖啡

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值