金九银十跳槽季来了,看机会找工作的同学看过来!最近面了一些公司,和大家分享一下面经,给自己攒一波人品,给 3-5 年经验的前端同学做一个参考,希望对正在准备面试的同学有所帮助,最后祝大家面试顺利!
写在前面
我是普通双非本科毕业,21届前端,4年工作经验,2段工作经历,都是在小厂。面试时间是2025.3.20 - 2025.4.20前后,面了将近一个多月的时间,最终拿到了字节、拼多多、携程的offer。
我大概是从2025年2月中旬开始准备面试,3月中旬开始投递简历,基本上都是在 boss 直聘、脉脉上投的简历。在职面试,白天工作做需求,晚上下班回去刷题准备面试,整个过程也是比较累的(哈哈哈),面试时间基本都是在周一到周五的晚上面试,全都是线上视频面试。
面试的公司包括:腾讯(WXG微信小店)、阿里巴巴(淘天、高德、全球速卖通)、字节跳动(国际化电商)、拼多多(主站,pdd初始前端团队)、腾讯音乐(全民K歌)、百度(搜索)、快手(电商)、京东(零售)、携程(海外支付)、得物(海外业务)、富途(用增)、哈啰(普惠)、元戎启行等中大厂。
前端面经系列
面试情况
- 腾讯WXG微信小店:一上来4道题,整个人都是懵的,只写出了1道,有些题有思路没写出,一面挂
- 阿里巴巴淘天:当时已经临近下家的入职时间,并告知了面试官如果有后续尽快联系,可能面试表现中规中矩,而且时间也来不及了,没有下文了
- 阿里巴巴全球速卖通:面试官项目问得很细,一些问题答得不好,而且后面手写没完全写出来,一面挂
- 阿里巴巴高德:题目都做出来了,面试官可能觉得项目一般,面试过程中有几次在嘀咕项目亮点,感觉是找项目亮点,然后他感觉没有亮点,一面挂
- 字节跳动国际化电商:一二三面技术通过,HR 面通过,offer
- 拼多多C端主站,pdd 初始前端团队:一二面技术通过,HR 电话面通过,offer
- 腾讯音乐全民K歌:项目答得稀巴烂,没有做题,很快就结束战斗了,一面挂
- 百度搜索:项目答得一般,而且算法题没最出来,二面挂
- 快手电商:二面挂,项目和node部分答得一般,而且题解不是面试官想要的答案
- 京东零售:一二三面技术通过,HR 面挂!问了哪里人,可能觉得我不会去北京
- 携程海外支付:一二三面技术通过,HR 面通过,HR 面问了好多问题,offer
- 得物海外业务:一直问我项目的亮点,有没有自己主动去推动的一些事情,一面挂。
- 富途用增:二面挂,智力题没答出来,而且 node 部分,没有准备,答不出来
- 哈啰普惠:算法题做出来了,vue 没怎么准备,答得很一般,一面挂
- 元戎启行:算法题是面试官一点一点的提示写出来的,感觉他不是很满意,后面问的问题感觉都是随便问的,一面挂
腾讯 WXG 微信小店
前端一面(挂)
一上来 4 道题,没有准备好的小伙伴千万别面 WXG
- 你这边准备好的话,先做一个小时的笔试题,OK吗?稍等一下我先讲一下题目。总共4道题,时间1个小时,你尽量用效率更高的方法去解题
- 题目1:好像是一道三数之和的变形题
- 题目2:组合问题
- 题目3:图相关的题目
- 题目4:打家劫舍 III
- 做了一个小时20分钟左右,面试官问我每一道题的思路和想法
- 我们第一轮面试主要就是考察算法的基础能力,倒不是说在我们日常工作中需要用到这种算法,并不是直接用到算法,这是数据结构里面最基础的算法
- 我们考察的是这种在日常的代码里面,有一些算法思维在里面,因为当你知道怎么去评估时间复杂度,以及怎么用算法思维去解决日常代码遇到的一些问题以后,你写出来的代码效率会更高,会高很多,有时候是数量级的一个效率的提升,这个在性能优化方面其实是比较有优势的
- 所以这4道题在我们看来都是考你的基础能力吧,目前看来跟我们要求的还是有一定的差距的
- 你有什么想问我的吗?
- 主要做的项目和业务:我们主要是做微信小店,微信小店里面的一些售后、物流、还有客服之类的功能都是我们团队在负责
- 技术栈:我们的技术栈从 小程序 到 nodejs、到vue都有涉及
- 工作节奏:一般早上10点,晚上可能也是9点多、10点吧,差不多
字节国际化电商
前端一面(通过)
- 自我介绍
- 看工作原因
- 英语口语怎么样?
- 团队的情况
- 你在团队的定位,项目的定位
- 你能讲一下 xxxx 项目的技术原理吗?整体架构
- 深挖项目:balabala......20分钟
- 有做过 node 开发吗?都用 node 做过什么
- AI 有了解过吗?
- tcp 和 http 的区别,深挖
- 代码考核做题1:看题说输出顺序(事件循环)
- react 相关:fiber 和 hook 都在解决什么问题?
- fiber 架构
- useCallback、useMemo、React.memo 区别
- setTimeout、requestAnimationFrame、requestIdleCallback 的区别
- 代码考核做题2:好像是考了一道 JS 手写,柯理化的进阶题目
- 用过的状态管理库,能介绍一下 xxx 原理吗?
- RPC 通信 和 http 通信区别
- 代码考核做题3:字符串相加
- nodejs:怎么实现 node 高并发?
- 如何监控前端页面的卡顿问题?
- 你自己对你的定位是怎么样的?
- 你们这边的发布流程是怎么样的?
- 你这边的绩效怎么样?
- 你们有没有晋升机会?
- 反问
- 项目或者业务:国际化电商
- 前端的技术基本上都是 react,B端和C端业务都有。
前端二面(通过)
- 自我介绍和项目情况
- 在这几个项目里面你觉得最有挑战性、或者对你来说比较有难度的一类的项目吗
- 项目问题:balabala......15分钟
- 页面性能优化这块你们怎么去做的?TTFB的优化是你来主导的吗
- 你是怎么去分析这个事情?怎么去定义这个性能优化带来的业务价值,是什么
- 你做完这个事情,能带来什么样的价值?
- 这个做完之后,具体增加了多少转化率呢?
- 做过监控告警的事情,可以展开一下吗?
- 如何捕获全局的错误?
- 我现在想设计一个监控的sdk,我应该考虑哪些因素呢?可以更体系化的去讲这个事情吗?
- 业务上面你有没有推动去做过一些事情呢?有没有做过一些行业的分析,然后去推动一些项目,然后拿到一些业务的结果?
- 浏览器渲染这块:重绘和回流
- 如何减少重排和重绘?
- react 和 vue 里面,如何减少重排和重绘呢?
- react 和 vue 核心区别
- 微前端和模块联邦的区别
- 微前端沙箱隔离原理
- 如果让你去设计一个沙箱隔离,你会从哪些方面去考虑?
- 样式冲突问题如何解决
- 如果让你去设计一个组件库,你大概要怎么去实现呢?
- 前端组件库怎么解决样式冲突问题的?
- 做题1:删除链表的倒数第 N 个结点
- 做题2:合并区间
- 反问:
- 技术栈:react,跨端是内部自研框架,整体微前端架构,B端和C端都有
- 工作节奏:不强制,根据自己实际情况加班与否
前端三面(通过)
- 自我介绍
- xxx 项目的背景,为什么要建设它?业务指标和背景,要朝着哪些方向
- 你们一般会投到哪里?哪些渠道?
- 项目问题:balabala......10分钟
- 投放出的落地页面,数据的回收怎么做的?
- 埋点这里都做了啥?可以讲一讲吗
- 还有就是你们项目的整个监控动线是怎么实现的
- 你们搭建 xxx 的效果怎么样?
- 页面性能怎么样?和原生相比,差多少,差在哪里?为什么
- 项目问题:balabala......10分钟
- 页面的性能,你们是怎么监控的?
- 那你们日常消费哪些指标?
- 你觉得你的项目中哪个最具挑战,设计的最难的哪个点是什么?可以展示讲讲吗?
- 性能优化怎么做的?
- FSP 的优化,这块可以细讲一下吗?
- 优化完成之后的指标数据怎么样呢?
- 有涉及到CDN缓存稳定性相关的吗?
- 项目中做的这些事情,总体来讲是否符合你的预期?如果符合你的预期,你觉得哪些点做得比较好,如果不符合你的预期,你觉得哪些点做得比较差?
- 你个人优势和劣势?
- 在当前公司的绩效如何?当前的职级
- 你现在有一些成长上的困扰、或者发展上的困扰吗?
- 你对未来岗位有什么诉求
- 编码题:Promise 综合考察(任务调度)
- 你现在在哪里?换城市去 xxx 有问题吗?
- 反问
- 业务和项目:国际化电商业务,电商侧的东西。B侧和C侧都有,C端主要是一些拉流量的动作,怎么让用户去买。
- 工作节奏和发布:早上10点,晚上9点至9点半下班
字节HR面(通过)
- 和前面几个面试官都有聊过了,整体感觉怎么样呀
- 毕业之后,在这两家公司具体负责哪些业务,具体做了什么事情,包括当时想去离职的原因
- xxx 公司的职级,绩效情况怎么样
- 目前打算看机会的原因
- 你可以介绍一下项目的背景,为什么去做这一件事情吗?在这个项目中主要担任的一些角色,以及过程中遇到的一些比较大的卡点,然后怎么解决的,结合项目展开来聊一下把
- 那在这个项目中,你觉得技术的难点是什么?你是怎么去攻克和解决呢?
- 比如说,你想去推动一个项目,但是其他同学的配合度比较低,这个时候你会怎么办呀
- 如果说你来到字节这边做这个事情的话,对你来说最大的挑战是什么呀?怎么快速上手
- 目前在看机会有其他的offer吗?
- 这么多的平台和机会,你未来选择offer会从哪些方面去选择、哪些维度去对比?
- 抛开薪酬和团队,单纯从业务的角度来讲,自己会比较倾向于哪个业务和平台呢?
- 目前在深圳是吗?老家是哪里的,base 在 xxx 城市可以接受吗
- 目前在你们公司的整体工作强度是怎么样的
- 反问
阿里淘天
前端一面(没有下文)
当时已经临近下家的入职时间,并告知了面试官如果有后续尽快联系,可能面试表现中规中矩,而且后续面试时间也来不及了,没有下文了
- 项目的亮点在哪里?
- xxx 提供了什么样的能力,解决了什么问题
- 项目问题:balabala......10分钟
- node 都了解哪些东西,我看一下是否需要去问你一下node相关的
- express 中间件的开发有做过吗
- 假如你要开一个 cors 跨域请求,这个该怎么处理
- node 层 get 和 post 请求参数读取的差异
- 我聊下来基本上是基于node做业务开发对吧,没有做其他的把?
- SSR 的实现原理
- 做一个组件的封装,要求你有一定的架构能力,或者说你的设计要合理,为了这个组件的合理性,你有考虑过哪些东西?
- 你们项目里的组件有单测吗?
- 单测有了解过吗?有写过吗?了解过哪些单测的方案?有去系统的了解过单测吗?
- 你能大致讲一下单测的实现逻辑吗?单测的思路?
- 你们项目遇到了什么性能问题?你们是怎么解决的
- 你们 node 调 java 是怎么调的?
- rpc 和 http 区别知道不?
- 有没有了解过 nodejs 的优势是什么?劣势是什么?
- 首屏性能处理是怎么做的?
- SSR 首屏渲染dom的耗时有没有做对应渲染优化?
- 比如说一个 React 组件做性能优化有哪些措施呢?
- 关于性能还有哪些呢?
- 强缓存和协商缓存区别
- React 错误边界的原理是什么
- useEffect 和 useLayoutEffect 区别
- 你能讲一下一个完整的 React 工作流程吗?
- SSR 有涉及到流式渲染吗?
- 浏览器的缓存
- 怎么解决页面的抖动
- 我们一般都习惯把css、无论 style 还是 link,放在 head底部,主 js放在body底部,为什么这么做?
- React 高阶组件了解过吗?一般用来什么场景?举实际例子
- 那 React 高阶组件需要注意哪些问题呢?
- React Clone 静态方法了解过吗?一般用在什么场景呢?
- 项目里提到的监控是怎么实现的?
- 性能指标都是怎么打点的,都监控哪些指标?
- 接口异常一般是哪些情况呢?
- 线上问题如何排查?
- 怎么实现命令行工具的?
- 你在公司里面、团队里面的优势是什么?相较于他人
- 你有系统学习过一些什么知识吗?平时前端学习途径都有哪些
- 有看过前端的一些书籍吗?
- 你遇到一个问题,你一般是处理思路是怎么样子的?
- 离职原因,为什么看机会?
- 你这3年的绩效是怎么样子的?
- 接下来简单做两道题
- 做题1:Promise 综合考察(任务调度,并发控制)
- 做题2:给了一些题目描述,在数组原型上写一个自定义数组函数
- 当前都在面试哪些公司?都有哪些offer ?
- 那假如我们发给你发 offer,你会过来吗?来我们这边的可能性会大吗
- 我们这边在杭州的,你在深圳,城市没有问题吧?过来杭州这边
- 你是哪里的人?
- 反问:
- 业务:阿里淘天
- 技术栈:主要做中后台,技术栈主要是 React、偶尔涉及 node
阿里国际速卖通
前端一面(挂)
- 简单自我介绍
- 国际化,你们这边主要是哪些国家?
- 项目中 xxx 的安全性你们怎么保证?
- 项目问题:balabala...10分钟
- 项目这里有提到,提高 xxx 转化率,这里怎么理解?
- 有没有一些事情是你主动推动,比如说通过你前端的一些推动或者交互体验的创新,提高 xxx 转化率的
- 有没有一些是你这边主动发起,去推动,来落地下来,并对业务有一定帮助的
- 组件的封装:你们是通过 Monorepo 还是通过一个 多仓库的形式来实现的。
- Monorepo的架构是你设计的吗?
- 可以简单的介绍一下你用 Monorepo 的一些弊端吗?
- 我看你说项目里 减少重复代码的 30%,这个重复代码是怎么计算的?这个是公式的计算,还是体感值、预估值
- 关于页面的性能优化,你们是在端外做得吗?还是app 端内做的?
- TTFB 降低,是从多少降到多少?TTFB 为什么会这么长?
- 你们的架构是一个 ssr 的架构吗?
- 有用 CDN 做一些优化吗?
- 首字节到页面渲染,这里面都有哪些阶段?你可以讲一下吗
- 比如说你要优化页面,肯定要有一个指引,优化页面加载时间(指标)
- 从 TTFB 到 FSP,中间还会细看一下其他的指标吗?
- 全链路的监控是怎么做的?
- 在电商这一块,大概都分哪些领域?
- 你们团队的规模怎么样
- 你在项目中,充当什么角色呢?
- 你可以抽象一下或者概括一下,你负责 xxx 的哪一些模块吗?
- 对新的团队有什么样的期望吗?技术和业务上的
- 有没有关注前端最新的动态?抛开ai不谈,一些新的框架或者技术
- 通过什么渠道去关注前端前沿技术
- React 17和18 新的特性
- useCallback 解决了什么问题
- 有解决过一些在项目过程中交互或者渲染比较复杂的的问题吗?
- 有解决过组件的卡顿,组件的重复渲染,比较难以排查的问题?
- 做题1:实现一个深拷贝
- 做题2:Promise 综合考察(任务调度)
- 反问:
- 技术栈:React
- 业务:C端导购业务
阿里高德打车
前端一面(挂)
题目都做出来了,面试官可能觉得项目一般,面试过程中有几次在嘀咕项目亮点,感觉是找项目亮点,然后他感觉没有亮点
- 自我介绍一下
- 项目问题:balabala......10分钟
- 你印象比较深的,相对来说比较复杂的地方,你可以跟我讲一讲
- 项目问题:balabala......10分钟
- 遇到线上告警,你们是怎么样跟进处理的呢?
- 前端监控里面都定义了哪些链路
- 目前团队有多少人?
- 页面的性能优化,这个之前是没有的吗?是现做的吗
看了一圈,一直在嘀咕项目难点亮点。。。(面试官感觉项目没有什么亮点)
- webpack 的插件能讲一讲吗
- react 熟一点,还是 vue。
- react 和 vue 都用过,那它们最大的区别是什么
- jsx 原理
- React 创建虚拟 dom,是如何映射到 UI 上的? 或者说它的简单的原理是怎么样的
- react hooks 解决了什么问题?
- react 性能优化一般是怎么做
- 聊一聊 fiber 架构
- 有做过跨端相关的吗?比如 taro、uniapp、小程序这些
- 做题1:根据题目要求,实现一个promisify函数 ,负责将一个接收回调函数参数的函数转换成一个返回 Promise 的函数
- 做题2:实现 find 函数实现链式调用,包括排序,过滤等等。
- 反问
- 技术栈:react 和 vue 都有,端外的话 react 跑小程序,还有类似 RN 的开发,客户端页面
- 业务:高德打车相关
- 发版周期半个月,工作时间早10晚10
拼多多主站(初始前端团队)
前端一面(通过)
一面面试官人很好,说话也温和
- 人在哪里?老家哪里的
- 简单自我介绍
- 先做几道题目,如果时间多的话,我们再聊一下项目
- 做题1:实现一个字符串的 getTag 方法,传入一个字符串,解析字符串, 并输出 dom 结构(多多很喜欢考这种题型)
- 做题2:Promise 综合考核(任务调度相关)
- 项目问题:balabala.....15分钟
- 你对多多了解到多少信息?
- 你在 xxx 公司的工作节奏?
- 有了解我们这边的工作节奏吗?能接受吗
- 我们在上海这边,你大老远跑过来是怎么考虑的?
- 反问
- 现在业务和技术栈:和你现在做的差不多 h5,React
- 发版周期:开发完成,测试测完,协调好,不出事情,就可以上了。尽量休息的时候、放假之前不要发版、流量高峰期不要发版。其他都相对自由
前端二面(通过)
- 简单我自我介绍
- 跳槽离职原因
- 做题1:看题目输出结果是什么?
function Foo() {
Foo.a = function () {
console.log(1)
}
this.a = function () {
console.log(2)
}
}
Foo.a = function () {
console.log(4)
}
Foo.a();
const obj = new Foo();
Foo.prototype.a = function () {
console.log(3)
}
obj.a();
Foo.a();
- JS 继承
- this 指向
- 做题2:事件循环,说输出结果
- 对 webpack 和 vite 都很熟悉是吗?区别是什么
- webpack 和 vite 有做过什么实操吗?
- webpack 原理
- webpack 的自定义插件原理
- 你插件是怎么做的,监听哪个 hooks?大概在哪个阶段呢?
- webpack 有哪些阶段知道吗?
- webpack 的分包大概是怎么弄的?有哪些方式可以分包?
- splitChunks 里面大概有哪些配置知道吗?
- babel 知道是干嘛的吗?
- Polyfill 是怎么做的呢?
- 项目问题:balabala...20分钟
- 性能优化做了啥
- 你们服务端渲染用的什么框架,有流式渲染吗?
- 你们是怎么做到一部分是 SSR,一部分是SPA
- 做题3:再写一个编程题吧,给定两个字符串 s1 和 s2,返回这两个字符串的最长公共子序列的长度
- 你现在薪资大概是多少?
- 去年绩效怎么样
- 涨幅有什么预期吗?
- 其他家也差不多了是吧,最终你都看一下所有结果出来之后才做决定吗?其他家公司都在哪些城市
- 你现在在哪里?
- 我这边问得差不多了,看你有什么想问的?
- 主要技术栈 react、服务端渲染 SSR
- 业务:基础电商前端,国内这边的主站。C端 h5,首页商城,购物相关的都有。下单、订单、售后、客服。包括说其他的一些频道,百亿补贴,整个拼多多百亿补贴 h5,都是我们这个部门。还有就是大促,每年很多场大促,都是我们这边做。
- 除了业务之外,我们还做一些技术的东西,包括一些基础库、开发框架、服务端渲染的框架也是自研的。包括刚才说的稳定性,性能方案都是我们这边在主导。
- 我看你这边也挺 match 匹配的,包括做的东西,业务还有技术相关的东西。
拼多多HR面(通过)
就打电话问一些基本情况
百度搜索
前端一面(通过)
- vue 和 react 区别
- React 优化性能
- h5 的性能优化,先说一下你们都有哪些打点、哪些指标
- TTFB 是什么,全称是啥?
- 项目问题:balabala.....15分钟
- 说一些你的性能优化,你哪块是你主导做的?
- 非首屏的资源怎么延迟加载呢?
- 项目问题:balabala.....15分钟
- 代码题:合并有序链表
- 反问:
- 做的项目和用到的技术栈:搜索前端团队,我们有业务,也有基建,基建包括有组件库,搜索基础的前端框架,内部自研 san 框架,类似 vue
- 业务方向,在搜索结果页可以看到视频,图片,运营,增长
- 工作节奏:早10晚7,有事情 8 9点才能走,有时候忙到10点
- 发版周期:双周发布需求,根据需求的大小,有承接的时间,有的需求简单。需求评审完,然后技术方案评审,技术方案评审完了然后会在排期,然后在同步给各方
前端二面(挂)
- 介绍自己的情况
- 说一下项目中遇到的困难,怎么解决的
- 项目的性能优化都做了什么
- 项目问题:balabala......20分钟
- js 数据类型
- typeof null 为什么是 object
- ES6 新特性都有哪些
- 说一下 Promise
- html5 新的特性,你用过的一些特性,遇到过什么问题
- css 里面实现动画的方式
- 说一下 xss 和 csrf
- vue2 vue3 响应式原理区别
- 从浏览器输入url,到页面加载的整个过程
- 做题:二叉树的右视图
- 反问
快手电商
前端一面(通过)
- 自我介绍
- 接下来我会针对你之前做过的一些项目来提问
- 能大概描述一下你在项目中做的一些事情吗?还有整个团队的大概分工是怎么样的?
- 你主要解决一些怎么样的问题?然后遇到哪些难点呢?
- 针对你刚才提到的一些问题,你们最后怎么解决的呢?
- 项目问题:balabala......10分钟
- 稳定性的提问:项目稳定性上你们有做了哪些保障呢?
- 针对埋点你们有没有做一些漏斗看板
- 这些量化的数据对于你们来说有什么帮助吗?
- 这个看板或者数据本身有没有一些报警的机制?
- 比如 xxx 指标掉0了,这个时候研发怎么感知到这个信息?
- 配置告警规则是你们来做吗?
- 你还做了性能优化的措施,你块能详细讲一下吗?你们做了哪些事情
- CLS优化,这块能讲一下吗
- 项目问题:balabala......10分钟
- 移动端的问题:多种分辨率,怎么做适配。
- 做题1:代码考核手写hooks,useTimeout
- 做题2:全排列
- 反问:
- 技术栈:React
- 业务:大部门是商业化团队,我们是负责电商营销相关的,广告投放的流程。分为内循环和外循环。外循环服务web团队,内循环服务整个数据闭环,快手是有电商体系,内循环特指电商的投放
前端二面(挂)
base 北京,我是你的二面面试官,也是电商这边
- 简单介绍自己
- 当前是在职还是离职,看机会的背景
- 预期想找什么样的工作机会?业务方向
- 你现在面试的进程咋样?
- 在你项目中,用 node 做了什么事情吗?
- 那这个流程还是很核心的,而且流量是不少的,关于 node 层有没有做一些稳定性的建设,包括它组织后端接口的数据,它到底能力做到哪些维度
- node 层的稳定性和安全,你是怎么处理的
- 你刚刚提到了类似防盗刷的这种,node 做了怎么样的事情?
- 项目问题:balabala......15分钟
- 性能优化都做了哪些事情?还有你们比较关注哪些指标
- 你们团队有多少人?你在团队的定位是什么?
- 做题1:事件循环,看代码说输出结果
- 做题2:二叉搜索树的第k大节点