一年前端的面试分享，京东最新前端面试真题解析

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

以上是五点非常致命的，毫不客气的说，我可能连简历都过不了HR初筛，当然也没有告诉家人自己的境况，不过竟然自己做出的决定，那么就不要懊恼自己的做法，一股脑准备复习吧

优势

劣势太大了，所以优势不值得一提，所以一年经验或者 2 年经验的同学还是慎重裸辞

面试过的公司

---

极光推送

一家以大数据业务的公司，规模来说挺不错的

一面

• 如何获取数组中最大的数

• 数组和链表的使用场景

• 了解哪些排序算法，说说冒泡排序和快排的区别

• 背包问题

• 浏览器缓存

二面

• 输入一串 url 到浏览器，会发生什么？

• vm.$set 原理

• 深拷贝如何解决循环引用

• http 缓存头部字段

• vue 和 react 的区别

• 讲讲前端路由

• 一道查找路径的场景题

• 一道如何优雅处理异步的场景题

• webpack 工作流

• webpack 是如何解决两次引入的

三面

• 公司团队规模

• 讲讲 http 三次握手，为什么需要三次握手

• 讲讲 http 四次挥手，为什么需要四次而不是三次

• 如何看待 toc tob 端业务

• 对于新技术如何看待

• 小程序有了解过吗

四面

四面是极光 HR 面

• 在小组担任的位置

• 说说你工作中遇到有挑战的项目

• 期待薪资

五面

五面是 vp 面

• 非科班的你如何学习的

• 看过那些书，讲讲收获

• 详细讲讲 DNS 如何进行解析

• 数据库范式

• 了解 golang 吗（简历没写数据库和 golang 的字眼）

总结

到第三面后，等了一个星期并没有通知，所以极光的面试体验挺差的，后面 HR 突然加我谈薪资，极光四面 HR 面我要了 17K，HR 说一年 17 挺难的，然后帮你约 vp 面，最终面的时候，我记得那时候是下雨天，面试的环境零时准备答的并不是很好，而且问的都是后端相关的，有毒

编程猫

一面

编程猫的一面面试官是拿着题库问的，问的很多，好像问了一个半小时

• 布局的几种方式

• rem vw 的区别

• rem em 的区别

• 讲讲 React 生命周期

• webpack 你是如何做优化的

• 浏览器缓存

• react 性能优化

• vue 如何做权限检验

• 讲讲 http2.0

• 你是如何做性能优化的

• 单元测试如何测试，代码覆盖率如何

• react 生命周期

• 说说 react 状态逻辑复用问题

• react fiber 节点（不会，没研究过）

• Koa 中间件原理

• Redux 工作流？

• Koa 如何实现监控处理

• 如何实现 Redux 异步功能

• Redux 如何优化

• commonjs 的实现原理

• 讲讲垃圾回收机制

• Vue 和 React 的区别

• 函数式编程 如何理解纯函数

• Node 原生 api 错误处理有了解吗

• 说说浏览器渲染流程

• 说说重绘和重排

• 说说那些属性可以直接避免重绘和重排

• treeshaking 原理

• 按需加载的原理

• 讲讲原型链

• 了解过那些前端构建工具 分别介绍他 webpack rollup gulp

• 双向数据绑定原理

• 说 vue 如何收集依赖的

确实问了很多，而且自我介绍中我说熟悉 vue，面试官问：“你熟悉vue，那么来说说React生命周期有哪些”，????汗颜，我大概回答的正确率 ✅ 有 90%左右

二面

二面是架构师面

• 组件库设计有什么原则？

• 组件库是自己从 0 开始搭的吗，说说有哪些特点

• 如何实现组件库按需加载

• 讲讲 http2.0

• 讲讲 react fiber 节点

三面

三面是技术负责人，不过从问题来看是不懂技术的

• 说说你的优点与缺点

• 公司加班情况

• 期待薪资

总体来说三面体验并不是很好，由于事先不打算再去教育公司的打算，所以我同样要的很高，要了 17-18K,结果可想而知，不过第二天同样去面过编程猫的朋友收到了 offer(之前被卡 offer 卡的很久)

裸辞准备阶段

---

面了大概两三家公司后，就差不多自己那些知识点不足，虽然是0offer 状态，但是面的公司都过了技术面，所以当时觉得问题不大，然后自己计划花一个月时间准备复习，所以自己就正式开启了裸辞阶段

复习计划

复习签到

其实自己并不是很努力的复习，反正生物钟是乱了，白天睡到 2 点，晚上复习到四点，想纠正过来很难，而且自己中途有去追剧和看小说，追了琅琊榜和斗罗大陆,??? 过后非常愧疚

复习笔记

CSS 思维导图笔记

Javascript 思维导图笔记

ECM+

…嗯嗯,就不一一列举了，需要笔记的同学可以找我私聊

裸辞阶段有趣的事情

---

裸辞阶段里，值得提起的是自己帮助了三位哥们拿到满意的 offer，因为自己 19 年上半年的时候当过一段时间的面试官，所以知道一些面试套路,可能是知道自己在准备面试，就过来询问我了，后面我把我面试过的公司推荐了给他们，因为有加了他们的 HR，所以直接找HR内推了，所以恭喜他们找到了满意的工作

…嗯嗯，其实自己时间不够，??? 了，不过帮他们模拟面试的那段时间自己处于追剧看小说阶段，所以都是浪费，就乐于助人了哈哈哈

开启新一轮面试

---

裸辞时候，我微信很少上，朋友圈也关闭了，群里的好几个同学倒是每天都来提醒我面的如何，哭了，无形之中给自己增加了压力，所以我并没有全部准备好，数据结构和算法才刚开始刷，但是自己觉得先去试试吧，然后再面的过程中继续复习

涂鸦智能

涂鸦智能的 HR 安排的岗位是门槛是三年起步的高级开发岗位，??? 当时也没有底，就去试试了，然后顺便面基了在涂鸦工作的同事

一面

自我介绍还是介绍自己熟悉 vue，但是还是 ??? 问了下 react 问题，所以 2020 掌握 react 确实是必须的

• 讲讲 react 生命周期

• 讲讲 ts 中 type 和 interface 的区别

• 说说 http

• 说说 vue 双向绑定

• diff 算法

• 虚拟 dom

• http 缓存

• 讲讲 http2.0

• 说说状态逻辑复用问题

• 介绍下项目的亮点

• 介绍下 es6 新增了哪些特性

• Reflect 的用途？

• 域名切片

• 为什么 vue 或者 react 要求 key 值唯一

二面

二面是杭州那边的面试官视频面的，问了 15 分钟左右，是最快的一次面试

• 平时怎么学习的

• MVVM 实现

• data 里面为什么是函数

• UDP TCP 区别

• vuex 应用场景

• 说说 XSS 攻击

• 说说 vue 的模板编译

• 说说你项目的亮点

• new 原理实现

• 状态码 403 404 503 304 说说

• diff 算法

• 虚拟 dom

• 说说事件循环

• react16 的重大更新

• 为什么废除三个 react 生命周期的 api

• 讲讲 fiber

• 浏览器缓存

• nextTick 原理

• 说说你的 vuex 持久化插件

三面

• 住在哪里，哪里人，到公司多久？

• 有了解涂鸦智能吗？

• 期待薪资

• 平时如何学习

• 什么时候可以入职？

总结

文末

逆水行舟不进则退，所以大家要有危机意识。

同样是干到35岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说35岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师核心知识笔记》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师核心知识笔记》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-OyOIT64N-1713055443873)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！