开个新坑,手摸手解析63道JS手写面试题

本文涉及的产品
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
云解析 DNS,旗舰版 1个月
全局流量管理 GTM,标准版 1个月
简介: 开个新坑,手摸手解析63道JS手写面试题

关注程序员耳东,编程转码真轻松

大家好我是程序员耳东,最近打算新开一个坑——手摸手解析JS手写面试题

为什么要写这个系列

之前搞过JS八股解析系列和HTML&CSS八股解析系列,效果还不错,有很多面试和自学的粉丝都说在面试中遇到了我笔记里面写过的题目,这让我甚是欢喜

但是后来一些粉丝在群里反馈说,面试的时候会遇到一些手写代码的问题,比如说写个防抖节流啊,写个数组去重啊,写个Promise.all啊,而且越是给的工资高的公司,越爱考察这种手写题

为啥呢?

你想想,如果是概念八股文的话,你可以死记硬背,但如果是这种手写代码题,你怎么背?

退一万步,就算你背下来了,面试的时候稍微变个条件加个参数,你还写的出来吗?

所以,我准备开这个新坑,手摸手的解析JS手写面试题,力求通俗易懂,如果看不懂请找我

这个系列跟完之后达到的效果

这个系列其实也算是我为自己而写的一个系列吧,因为我之前面试的时候,经常会遇到白纸或者白板写代码的场景,除过算法题以外最多的就是JS手写题

有的人可能认为这种题目太过八股、平时工作中用不到,但其实这些代码也是对我们程序设计能力的极大锻炼,每一个题目都是一个小的场景抽象,每一段解决代码都是一个解决方案

它们虽然不会在工作中直接用到,但是它们可以锻炼到思维方式,让你写代码更快更好

我期望这个系列跟完之后,可以达到两个效果:

  1. 不怕面试遇到JS手写题,可以应付常见的JS手写面试题
  2. 平时工作写代码更加丝滑

有哪些手写题

ok,废话不多说,我列一下这个系列要解析的手写题目,这里可能并不完整,后面我应该还会增加一些题目进来,力求常见的题目都解析。

  1. 实现防抖(debounce)函数
  2. 实现节流(throttle)函数
  3. 实现深拷贝函数
  4. 实现instanceof函数
  5. 模拟实现new操作符
  6. 实现call函数
  7. 实现apply函数
  8. 实现bind函数
  9. 模拟实现Object.create函数
  10. 实现JS的继承
  11. 实现JSON.stringify
  12. 实现JSON.parse
  13. 实现Promise.resolve方法
  14. 实现Promise.reject方法
  15. 实现Promise.finally方法
  16. 实现Promise.all方法
  17. 实现Promise.allSettled方法
  18. 实现Promise.race方法
  19. 实现简版的Promise
  20. 实现解析URL的Params方法
  21. 实现简版模板引擎
  22. 实现千分位分割
  23. 实现判断电话号码方法
  24. 实现判断邮件方法
  25. 实现判断身份证号方法
  26. 实现数组的map方法
  27. 实现数组的reduce方法
  28. 实现数组的flat(扁平化)
  29. 实现对象扁平化方法
  30. 实现add方法,满足以下要求
  31. 实现sleep方法
  32. 实现方法求两个数组的交集
  33. 实现函数柯里化
  34. 实现Array.isArray方法
  35. 实现双向绑定
  36. 实现对象数组去重
  37. 实现判断数据类型的方法
  38. 基于generator实现async/await
  39. 基于Promise实现Ajax方法
  40. 实现JSONP跨域
  41. 实现发布订阅
  42. 实现观察者模式
  43. 实现Object.freeze方法
  44. 实现异步并发数限制
  45. 实现异步串行和异步并行
  46. 实现Vue的reactive功能
  47. 实现简版图片懒加载
  48. 实现深度对比isEqual方法
  49. 实现getValue和setValue来获取/设置对应path的值
  50. 实现按指定长度拆分数组(lodash.chunk方法)
  51. 实现compose方法
  52. 实现简版redux
  53. 实现const运算符
  54. 实现管理本地缓存过期的方法
  55. 实现ES6的extends运算符功能
  56. 实现setTimeout模拟setInterval方法
  57. 实现lazyMan方法
  58. 实现DomToJson方法
  59. 实现类数组转换为数组方法
  60. 实现列表转换为树结构方法
  61. 实现大数相加方法
  62. 实现JS乱序算法
  63. 实现JS函数记忆

更新节奏

因为东哥自身也是个打工人,公司里面业务也比较繁忙,写笔记的时间一般是牺牲睡眠和假期,但是我尽量保证一周更新一次,还有就是其中一些题目我在想要不要开直播来手写,哈哈

如果跟着一起写的人比较多的话,可以单独搞个群来讨论这些题目

好了,这篇笔记就说到这里,希望大家监督我周更

相关文章
|
25天前
|
JavaScript 前端开发 Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染,了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略,可以提高网页的性能和用户体验,确保页面能够快速、流畅地呈现给用户。在实际开发中,要根据具体情况进行权衡和调整,以达到最佳的效果。
|
3天前
|
监控 Java 应用服务中间件
高级java面试---spring.factories文件的解析源码API机制
【11月更文挑战第20天】Spring Boot是一个用于快速构建基于Spring框架的应用程序的开源框架。它通过自动配置、起步依赖和内嵌服务器等特性,极大地简化了Spring应用的开发和部署过程。本文将深入探讨Spring Boot的背景历史、业务场景、功能点以及底层原理,并通过Java代码手写模拟Spring Boot的启动过程,特别是spring.factories文件的解析源码API机制。
15 2
|
21天前
|
存储 前端开发 JavaScript
JavaScript垃圾回收机制深度解析
【10月更文挑战第21】JavaScript垃圾回收机制深度解析
97 59
|
12天前
|
JSON JavaScript 前端开发
[JS]面试官:你的简历上写着熟悉jsonp,那你说说它的底层逻辑是怎样的?
本文介绍了JSONP的工作原理及其在解决跨域请求中的应用。首先解释了同源策略的概念,然后通过多个示例详细阐述了JSONP如何通过动态解释服务端返回的JavaScript脚本来实现跨域数据交互。文章还探讨了使用jQuery的`$.ajax`方法封装JSONP请求的方式,并提供了具体的代码示例。最后,通过一个更复杂的示例展示了如何处理JSON格式的响应数据。
25 2
[JS]面试官:你的简历上写着熟悉jsonp,那你说说它的底层逻辑是怎样的?
|
3天前
|
存储 网络协议 安全
30 道初级网络工程师面试题,涵盖 OSI 模型、TCP/IP 协议栈、IP 地址、子网掩码、VLAN、STP、DHCP、DNS、防火墙、NAT、VPN 等基础知识和技术,帮助小白们充分准备面试,顺利踏入职场
本文精选了 30 道初级网络工程师面试题,涵盖 OSI 模型、TCP/IP 协议栈、IP 地址、子网掩码、VLAN、STP、DHCP、DNS、防火墙、NAT、VPN 等基础知识和技术,帮助小白们充分准备面试,顺利踏入职场。
13 2
|
14天前
|
存储 NoSQL MongoDB
MongoDB面试专题33道解析
大家好,我是 V 哥。今天为大家整理了 MongoDB 面试题,涵盖 NoSQL 数据库基础、MongoDB 的核心概念、集群与分片、备份恢复、性能优化等内容。这些题目和解答不仅适合面试准备,也是日常工作中深入理解 MongoDB 的宝贵资料。希望对大家有所帮助!
|
19天前
|
缓存 前端开发 JavaScript
"面试通关秘籍:深度解析浏览器面试必考问题,从重绘回流到事件委托,让你一举拿下前端 Offer!"
【10月更文挑战第23天】在前端开发面试中,浏览器相关知识是必考内容。本文总结了四个常见问题:浏览器渲染机制、重绘与回流、性能优化及事件委托。通过具体示例和对比分析,帮助求职者更好地理解和准备面试。掌握这些知识点,有助于提升面试表现和实际工作能力。
54 1
|
13天前
|
前端开发 JavaScript
JavaScript新纪元:ES6+特性深度解析与实战应用
【10月更文挑战第29天】本文深入解析ES6+的核心特性,包括箭头函数、模板字符串、解构赋值、Promise、模块化和类等,结合实战应用,展示如何利用这些新特性编写更加高效和优雅的代码。
31 0
|
29天前
|
JavaScript 前端开发 开发者
原型链深入解析:JavaScript中的核心机制
【10月更文挑战第13天】原型链深入解析:JavaScript中的核心机制
28 0
|
30天前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
89 0

推荐镜像

更多