这是我面试42场拿下微软、蚂蚁、头条offer的方法论(1)，2024年最新web前端面试官问到工作优势

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

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

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

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

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

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

正文

我：blablabla…不知道您有没有看到我简历第一页里面的那个时间轴，这个是我一个叫做 Short Night 的开源项目画的，它有诸多优点 blablabla…（面试官突然面无表情盯着屏幕）（过了 30s，面试官缓缓看向左下角，我简历里时间轴的位置）（点点头）

这说明什么？说明面试官根本就没怎么看过我的简历！

简历的作用和注意事项

当然，diss 归 diss，简历还是很重要的。下面是简历的一些重要作用

直接通过面试

有些面试官会仔细阅读你的简历，然后在你面试前，你其实就已经凭借你优秀的简历面试通过了。或是免掉写题，免掉技术问题，直接简单聊一聊项目和做事风格，也都是有可能的我曾经面的一家公司，整场下来没有写题，也几乎没有技术问题。所以在我最后一面的回问环节的时候，我问到：

我：为什么我整场下来都没有写代码？这种面试风格会不会导致面进来一些很会扯皮但是不会写代码的人来？面试官：哦是这样的，我们已经看了你的简历和开源项目，觉得没必要再面技术相关的了，因此就是简单和你聊聊天，看看你人怎么样

HR 和猎头非常注重简历

HR 和猎头（后面会单独讲这个角色）会非常看重简历。糟糕的简历可能会导致你连面的机会都没有如果你本身是大厂员工，HR 和猎头基本上不会拒绝你。但是如果你不是在一座明星大厂，那么还是好好写简历吧

注意！简历可能会成为你的题纲

基本上所有的面试官都会和候选人聊项目，而聊得项目来源无非有 2 个：

• 从你开场的自我介绍中挑

• 从你的简历里挑

不仅仅是项目，如果你在简历里面写一些技术关键字，那么面试官也会倾向于考察你这些知识点比如简历里写个“Git”，那么遇到 Git 很熟的面试官看到了可能就会问“git rebase 和 merge 有啥区别”，要是答不上来就尴尬了。因此：自己不熟或是不重要的东西最好别往简历上写！

邀约渠道

---

想要开始面试，有这么几个渠道：

| 渠道 | 推荐指数 | 邀约方式 |

| — | — | — |

| 猎头 | ⭐️⭐️⭐️ | 在 LinkedIn、脉脉等招聘网站中，填好资料并修改状态为【在找工作】，就会收到源源不断的消息 |

| 直接与 HR 或工程师对接 | ⭐️⭐️⭐️⭐️⭐️ | 同上 |

| 熟人内推 | ⭐️⭐️⭐️ | 找熟人走内部推荐。内部推荐通常是可以跨部门的，比如百度员工可以内推朋友到百度的任意一个部门 |

| 主动投递 | ⭐️ | 通过企业自己的招聘官网，或通用招聘网站（如脉脉、boss 直聘）投递简历 |

下边分开讲讲这几个渠道

猎头推荐

某些招聘公司会雇佣猎头公司来帮助自己招聘。由猎头进行初步筛选，推荐高质量候选人到公司面试。如果入职成功，招聘公司需要支付一笔非常可观的数字（候选人年薪 30%左右）给猎头公司猎头推荐的岗位有如下特点：

• 如果猎头推荐的岗位是国内互联网，那么几乎都是“跟随成长型”和“钱多型”公司

• 猎头推荐的 WLB 型公司非常少，有零星的几个也都只是外企

主要原因是——请猎头比较贵因此，如果不是处于扩张阶段特别缺人（如拼多多，字节）的公司，或者无能力独立招聘的公司（如一些小外企，创业型公司），那些业务趋于稳定且有能力独立招聘的公司基本上不会请猎头。据我所知微软、网易、百度是没有请猎头的通过猎头推荐的有以下好处：

• 由于要付一大笔钱给猎头，招聘公司会非常重视与你的面试。包括且不限于：流程走的更快、面的认真

• 猎头会在各个阶段帮助你。包括且不限于：为你争取更好的 offer 和对面谈判、在面试前发你各种面经、催对方

直接与 HR 对接

公司 HR，和部分公司的工程师也会积极招人（点名字节、阿里）。这个是我认为最好的邀约渠道，推荐有些与这种类型的人联系，原因如下：

• 没有中间商，你可以直接的感受他们，他们也可以直接的感受你

• WLB 型、共同成长型、钱多型，三种类型的公司都可以通过这个渠道接触到

• 尤其如果是工程师来和你谈，他们更愿意看你的简历。他们如果说你“特别合适”，那么就是真的特别合适

而如何接触到他们呢？大概有这么几个方法：

• 老办法：在 LinkedIn 和 脉脉 等招聘网站中，填好资料并修改状态为【在找工作】，他们回来主动联系你

• 通过自己经常聊天的群聊、微信朋友圈等私人社交媒体来寻找

熟人内推

特指通过联系自己朋友走内部推荐，然后进入招聘流程。比如百度员工可以内推朋友到百度的任意一个部门但是这个非常考验内推人水平，他需要与你沟通岗位，推进进度。他毕竟很难知道哪个 Team 是不是真的有 Head Count（俗称 HC，即有多少个招聘名额），所以实际上是略逊色于直接与 HR 对接的。因此，建议内推完成后最后让他把对方 HR 的联系方式给你，后续自己直接和 HR 对接另外，内推成功入职，内推人会有一笔还不错的奖金（通常大几千块），与职称定级有关

主动投递

最糟糕的邀约方式，没有之一。一旦你主动投递了，基本上意味着：

• 猎头没办法推荐了，因为简历会被锁

• 也没办法内推了

• 没有人会告诉你进度如何，只能等待

• 大概率什么回音都没有

我通过主动投递的方式，就没收到过一次回信。不要主动投递！！！

面试方法论

---

一般来说面试无非包含下边几个内容：

• 写题

• 技术问答

• 聊项目

• 聊人生

面试的核心思想

我理解面试是挖掘候选人优点的过程。因此建议，如果自己某方面不行就大胆承认，然后引导面试官朝自己擅长的地方引导。比如面试过程中面试官经常问我一个什么 2d css 布局方式有了解过吗，我都是直接回答“我 CSS 写的非常少，仅限于会用，我 js 很熟，我们可以聊聊 js 相关的”总之，术业有专攻，及时止损，想办法帮助面试官挖掘自己的闪光点才是最重要的。其中一个比较好的方法是——留伏笔，比如：

• 这个项目曾经做了许多非常亮眼的性能优化，希望后边可以聊一聊

• 我写了很多 Vue 相关的东西，对 Vue 非常熟

当然，面试官可能会不理你的伏笔，那么怎么办呢？——多留几个

写题

这个其实是最简单的，没太多的额外发挥空间。不同公司要求的算法不太一样，按照 LeetCode 的标准大概可以分成：

| 级别 | 标准 | 外企大厂（微软谷歌等） | 外企小厂 | 字节跳动 | 国内大厂或独角兽 |

| — | — | — | — | — | — |

| T0 | 30 分内做出 Hard | ✔️ | ✔️ | ✔️ | ✔️ |

| T1 | 20 分内做出 Medium | ❌ | ✔️ | ✔️ | ✔️ |

| T2 | 10 分内做出 Easy | ❌ | ❌ | ❌ | ✔️ |

你可以登陆 leetcode.com 去做几道题，算好时间，看看自己的算法水平在什么程度

如果你打算面外企，最好去英文版的 Leetcode，并将理解题目的时间也算作总耗时中

这里有个小技巧。如果你是和我一样的那种“面试时特别特别紧张，写题完全调不通”的人，最好在写题前就和面试官说好，写完大致思路后不要浪费时间调代码。当然，这个显然是一个扣分项，如果你不紧张，最好还是调通比较好

技术问答

回答问题时，尽可能的多秀肌肉比如问你微任务宏任务，你一方面要精准的回答上来，另一方面要再掰扯掰扯时间循环的各个阶段，规范定义。问你箭头函数 this，你就答所有箭头函数完整规范，再掰扯掰扯作用域链，和 JS 引擎实现总之，如果正确答上来 10 个题，你可能得 100 分。但是如果你答上来并说透 10 个题，你可能就得了 1000 分。如果你的回答完全超出了面试官的储备边界，那么面试官基本上会迅速终止技术问答阶段，并给你个满分

聊项目

以阿里为代表的这种很虚的公司（非贬义，指更看重软实力）特别喜欢聊项目，我面了阿里 10 面，就做了一道题和三道技术问答下面我详细介绍下如何聊项目

从自我介绍中聊项目

聊项目从你开场的自我介绍就开始了。你要在自我介绍中，挑选出 1-2 个最具有代表性的项目来简单介绍，并留好伏笔下面是开场自我介绍中，介绍项目的一个大纲：

1. 一句话解释项目和你是干什么的：比如：

• 亿级流量 Node.js 服务器项目负责人

• 小程序公共组件核心开发

1. 说几条你的职责，最好说个 2-4 条。比如

• 为项目制定准入标注

• 建立报警监控为稳定性负责

• 带了多少人

1. 留个伏笔，引导面试官追问，比如：

• 这个项目曾经做了许多非常亮眼的性能优化，希望后边可以聊一聊

• 这个项目关于第三方代码隔离的沙盒机制是我制定的，还挺有意思，希望后边可以聊一聊

预先对项目进行整理

你需要对于自己的项目预先整理一份脑图这点非常重要。面试过程中光是组织言语就已经很废脑子了，如果还需要回忆几年前的项目并整理思路，那简直是噩梦。因此，预先整理你项目的大纲是一个非常重要的点比如下图是我对于我的个人开源项目 Short Night[3] 的整理：上图可以大致保证，面试官问到任何有关 Short Night 项目的问题，我都可以迅速定位到某一个模块，然后有条不紊的解释其实这个精细程度还是不太够的。上图只是我的个人开源项目之一，并非是我的关键项目。我的关键项目整理的要更为复杂，内容更为多一些

聊人生

展现人格魅力的时候到了，这里你只需要将自己最好的一面展示给面试官即可有一个需要提前准备的点，那么就是：

• 你的职业规划是什么，此职业规划能否与公司协同更赢？

我不建议大家为了通过面试而说假话，这样对双方都不好。但是实在是有些面试官很极端，那么你也可以顺着对方说，拿下 Offer 作为你后续的谈资。比如：

• WLB 型公司：我喜欢技术，我希望有业余时间可以钻研写感兴趣的技术

• 共同成长型公司：我自驱力没那么强，希望可以跟随公司一起成长

• 钱多型：我希望努力一把实现财富自由

建议大家先说真话，这样可以找到适合自己的岗位，同时你认可的事情也可以被公司所认可。但是如果你说真话后，面试官反应强烈，那么可以尝试顺着面试官说，来想办法拿下 Offer。比如：

候选人：我希望有些业余时间可以钻研下 JS 底层，将来希望加入 TC39 委员会，因此希望 Work Life Banlance 一点面试官：加入 TC39 也没什么用，他不能给你带来什么，对业务也没有什么用，离我们太远。我是问你职业生涯的职业规划是什么样的（此面试官是一个极端业务型的面试官）候选人：哦哦，技术当然是为业务服务的。因此我是想看看有没有从技术的角度，反过头驱动业务，看看能不能带来什么行业变革

挑选 Offer

---

如果已经拿到了很多 Offer，那么如何挑选它们呢？我认为除了各种待遇和物理条件，还有如下几点需要特别注意：

• WLB 型、跟随成长型、钱多型，到底喜欢哪一个

• Team Leader 人怎么样

我非常非常建议你拿到 Offer 后，和 HR 要求再和未来的【直接汇报人】聊一聊。请他介绍下现在业务情况、未来规划、用人和晋升评定原则等等。最好在实地碰一下，让他带你参观参观公司环境毕竟接下来几年时间里，你的工作都需要向他汇报，现在是你们关系最轻松最容易了解彼此的时刻

面试挂掉如何调整心态

总结

=============================================================

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

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

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

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

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

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

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

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