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

简介: 开个新坑,手摸手解析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函数记忆

更新节奏

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

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

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

相关文章
|
21天前
|
前端开发 JavaScript 网络协议
前端最常见的JS面试题大全
【4月更文挑战第3天】前端最常见的JS面试题大全
44 5
|
4天前
|
JavaScript 前端开发 UED
深入解析JavaScript原生操作DOM技术
【4月更文挑战第22天】本文深入探讨JavaScript原生DOM操作技术,包括使用`getElement*`方法和CSS选择器获取元素,借助`createElement`与`appendChild`动态创建及插入元素,修改元素内容、属性和样式,以及删除元素。通过掌握这些技术,开发者能实现页面动态交互,但应注意避免过度操作DOM以优化性能和用户体验。
|
4天前
|
前端开发 JavaScript 编译器
深入解析JavaScript中的异步编程:Promises与async/await的使用与原理
【4月更文挑战第22天】本文深入解析JavaScript异步编程,重点讨论Promises和async/await。Promises用于管理异步操作,有pending、fulfilled和rejected三种状态。通过.then()和.catch()处理结果,但可能导致回调地狱。async/await是ES2017的语法糖,使异步编程更直观,类似同步代码,通过事件循环和微任务队列实现。两者各有优势,适用于不同场景,能有效提升代码可读性和维护性。
|
6天前
|
数据采集 机器学习/深度学习 数据挖掘
Python数据清洗与预处理面试题解析
【4月更文挑战第17天】本文介绍了Python数据清洗与预处理在面试中的常见问题,包括Pandas基础操作、异常值处理和特征工程。通过示例代码展示了数据读取、筛选、合并、分组统计、离群点检测、缺失值和重复值处理、特征缩放、编码、转换和降维。强调了易错点,如忽视数据质量检查、盲目处理数据、数据隐私保护、过度简化特征关系和忽视模型输入要求。掌握这些技能和策略将有助于在面试中脱颖而出。
23 8
|
9天前
|
调度 Python
Python多线程、多进程与协程面试题解析
【4月更文挑战第14天】Python并发编程涉及多线程、多进程和协程。面试中,对这些概念的理解和应用是评估候选人的重要标准。本文介绍了它们的基础知识、常见问题和应对策略。多线程在同一进程中并发执行,多进程通过进程间通信实现并发,协程则使用`asyncio`进行轻量级线程控制。面试常遇到的问题包括并发并行混淆、GIL影响多线程性能、进程间通信不当和协程异步IO理解不清。要掌握并发模型,需明确其适用场景,理解GIL、进程间通信和协程调度机制。
28 0
|
9天前
|
API Python
Python模块化编程:面试题深度解析
【4月更文挑战第14天】了解Python模块化编程对于构建大型项目至关重要,它涉及代码组织、复用和维护。本文深入探讨了模块、包、导入机制、命名空间和作用域等基础概念,并列举了面试中常见的模块导入混乱、不适当星号导入等问题,强调了避免循环依赖、合理使用`__init__.py`以及理解模块作用域的重要性。掌握这些知识将有助于在面试中自信应对模块化编程的相关挑战。
21 0
|
10天前
|
JavaScript 前端开发 测试技术
「一劳永逸」送你21道高频JavaScript手写面试题(上)
「一劳永逸」送你21道高频JavaScript手写面试题
36 0
|
1月前
|
设计模式 JavaScript 前端开发
最常见的26个JavaScript面试题和答案
最常见的26个JavaScript面试题和答案
47 1
|
1月前
|
存储 JavaScript 前端开发
【JavaScript】面试手撕浅拷贝
引入 浅拷贝和深拷贝应该是面试时非常常见的问题了,为了能将这两者说清楚,于是打算用两篇文章分别解释下深浅拷贝。 PS: 我第一次听到拷贝这个词,有种莫名的熟悉感,感觉跟某个英文很相似,后来发现确实Copy的音译,感觉这翻译还是蛮有意思的
45 6
|
1月前
|
自然语言处理 JavaScript 前端开发
Vue.js 深度解析:模板编译原理与过程
Vue.js 深度解析:模板编译原理与过程

推荐镜像

更多