前言
个人情况
普通本科3年前端开发经验，技术栈为React。在一家跨境电商小厂工作，由于公司组织架构频繁变动，所以想看看外面的机会。
2024年中旬，3年工作经验时面了很多家互联网大厂，基本上都是一面挂，大部分都有代码考核，最终没有拿到合适的offer。
幸运的是，在2025年4年工作经验时收获满意offer，成功入职字节跳动~
写面经，攒人品，祝大家都能顺利找到满意的offer！
简历准备
简历我只写了一页，尽量简洁美观，分为4个部分，分别是基本信息、个人优势、工作经历、项目经历等。
（1）基本信息：姓名、电话、邮箱、毕业高校、工作年限等；
（2）个人优势：写了自己擅长的技术栈和做过的项目，尽量精简，不要罗列一大堆技术栈；
（3）工作经历：公司名称、所在部门、岗位名称、工作时间；
（4）项目经历：写2-3个项目即可，突出项目的难点与亮点，不要写流水账。
前端面经系列
字节跳动火山引擎
前端一面
- 自我介绍
- 项目问题：balabala...15分钟
- 防抖和节流的区别
- xss 和 csrf 的防范
- 常见浏览器的缓存有哪些
- sessionStorage 和 localStorage 的区别、应用场景
- 聊一下 cookie
- a.baidu.com 和 b.baidu.com 怎么共享cookie
- 说一下 从浏览器输入 url 的整个过程
- 说一下 dom 树的构建过程
- 做题1：验证回文串，给定一个字符串，验证它是否是回文串，只考虑字母和数字字符，可以忽略字母的大小写。
- 做题2：最长递增子序列
阿里巴巴智能信息UC
前端一面
没有做题，估计是答得稀巴烂，没给做题的机会，没有后续了
- 简单介绍自己的背景，项目经历
- 深挖项目，全程一个八股没有
- 项目问题：balabala.....15分钟
- 项目的性能优化
- 你们使用 eval 和 new Functiion 的依据是什么？
- 项目问题：balabala.....15分钟
- xxx 项目为什么选择微前端乾坤？有什么优势
- 微前端的实现原理
- css 隔离方案
- js 隔离怎么实现
- 模块联邦的原理？解决了什么问题？
- 模块联邦会有兼容性问题吗？
- 对于你来说，最关键的技术指标是什么？
- 离职的原因
- 反问
- 技术栈：React
- 业务：内容电商，带货业务，种草能力建设等
- 工作节奏：9点半上班，7-8点下班
- 部门人员分配：我们是一个大的客户端组，独立出来一个前端组10-20人吧
腾讯 PCG 腾讯视频
简历通过了，也没有约面试，后面不知道为啥流程就直接结束了
腾讯音乐-由你榜业务
前端一面
- 上来做题15分钟：环形链表
- 你先简单自我介绍一下
- 离职原因
- 对于项目的这个 IOC和DI。可以简单说一下这个东西吗
- 能举一个具体的例子吗？实际做过的组件
- 说一下 IOC 的装饰器
- 说一下 inverseify
- 如果让你自己写装饰器，你知道怎么写吗？大概是什么原理
- 在 js 里面有强引用、弱引用的概念吗？
- 你们项目分为A、B、C 这几个模块，你们的仓库是怎么管理？
- 开发环境下和生产环境的包引用是怎么做的？相互之间应该是有关联吧
- 项目问题：balabala.......15分钟
- 你应该有用过 react 和 vue 吧，说一下 react 为什么出现hook，它解决了什么问题
- 讲一下性能优化
- 那你项目过程中，碰到最难的问题是什么？能说说吗？是怎么解决的？
- 模块联邦原理
- 项目问题：balabala.......10分钟
- 你刚开提到了闭包？闭包是什么东西？它能做什么事情
- es6 常用的东西？
- 箭头函数的特点
- async await 和 promise 的区别
- es6 更高的语法怎么向下兼容
- babel 的原理
- babel 里面转化的过程？
- 比如说我有一个babel插件，它大概的流程是怎么样子的
- babel 有哪几个分析过程？处理过程？
- ts 的 enum、const enum 的区别
- ts里的 satisfies 有没有用过
- ts 里面常用的东西有哪些
- 网络安全这一块有了解吗？
- csrf 核心攻击在于什么？
- SameSize是啥？
- cookie 里面还有哪些属性可以设置
- referer 它有什么作用？我们一般用在什么场景
- 反问
- 技术栈：react
- 主要业务：腾讯音乐由你榜
- 工作节奏：有事情可以早走一点，整体以业绩导向
前端二面
- 介绍你的重点项目，把技术方面的都介绍一下
- 聊项目：balabala.......
- 图片懒加载？原理是怎么样的
- 多个请求打到服务器上，这个压力是怎么体现出来的？服务器压力是怎么体现出来的？比如之前是20张图片，现在是1张图片，服务器上有什么指标变化吗？
- 那你对服务器这边了解吗？我们一般衡量一个服务器健不健康从哪些指标上可以去看？
- 页面加载的时间你们是怎么统计的？
- 项目优化都做了什么？
- 微前端的原理
- js 隔离的原理
- 模块联邦
- react hooks 为什么不能再条件语句中使用，为什么呢？react 是怎么感知到 react hooks 顺序不一致，什么时候抛出的错误？这段代码的逻辑是怎么写的，怎么抛出
- 说一下前端监控？
- 错误监控是怎么做的？或者说是其他的一些错误你们是怎么监控的
- onerror 和 unhandlereject 的区别？
- 错误监控告警，怎么去收集别人项目里面的错误？收集哪些信息，收集哪些指标
- 你知道 JS 的事件循环吗？可以说一下
- 做一道算法题：二叉树的路径总和
- 反问：
- 技术栈：react
- 业务是腾讯音乐榜，都是投放在 qq音乐，酷狗，酷我等app里面
- 工作节奏：10-9-5
蚂蚁集团平台工程
前端一面
全程没有八股~都在问项目
- 面试前，发了一个链接过来做题 15分钟，Promise 综合考察题
- 自我介绍
- 介绍项目：刚开始介绍不要那么细节哈
- 项目问题：balabala......20分钟
- C 端经常涉及到哪些性能问题？
- 项目问题：balabala......10分钟
- 你觉得你是一个外向的人还是内向，善于沟通还是沟通还需要提升的人
- 反问
- 技术栈：react
- 业务：平台技术部，服务于蚂蚁内部，服务于蚂蚁内部员工的系统，toB。业务领域包括管人的（人力资源系统）、管钱的（财务系统）、管事（流程审批）的体系
- 工作节奏，加不加班：24小时电话通畅
- 人员分配：后端比前端 2:1
京东零售
前端一面
- 自我介绍
- 现在base在哪里
- 离职原因
- 在 xxx 项目里面主要负责什么？当时开发这个项目的团队是多少人？
- 深挖项目各种问题：balabala......20分钟
- 项目性能优化
- 你还了解其他的性能优化吗？
- 能谈谈你对 react 的理解吗？它在做一些什么的事，它是怎么做的，展开聊聊
- 有什么想问我的？反问
前端二面
- 自我介绍一下，谢谢
- 工作经历，离职原因
- 你在 xxx 公司两年，现在公司 1年，有没有你的贵人？你的老师，或者你比较佩服的？或者是带你成长的人
- 项目问题：balabala......20分钟
- b端 和 c端 技术架构的区别？
- 你在当前公司工作忙吗？比较紧张？
- 现在薪资多少？
- 我们在北京，你有什么打算
- 有女朋友吗？
- 家里是哪里的？
- 在北京能适应吗？
- 反问
HR 面
- 自我介绍
- 做的两个项目比较相似，你能跟我介绍一下它们的区别吗？
- 能说一些我们能听得懂的吗
- 离职原因
- 在 xxx 公司的项目中，工作的哪些事情最有成就感
- 未来的职业规划
- 当前薪资，薪资期望
xTransfer
前端一面
- 自我介绍
- 离职原因
- zustand 是做什么的？
- zustand 能不能做局部状态。可以创建多个 zustand的实例吗？
- zustand 数据状态是怎么做 immer 的？
- formily 是做什么的
- 项目问题：balabala......10分钟
- 你是怎么通过 performence 面板对这个性能进行优化的？怎么分析解决问题
- 性能优化方面：FP、FCP、LCP 的概念，介绍一下
- DCL 知道吗？
- 怎么降低 LCP
- 图片的懒加载和预加载的区别
- 微前端：为什么使用 qiankun 乾坤？
- 模块联邦是用来做什么的？
- 模块联邦有哪些主要的配置，介绍一下
- 说一下 css 的隔离
- 你们请求库用的什么？
- 自定义 webpack 插件这个是怎么实现的
- 前端脚手架的原理你知道吗？脚手架怎么实现的？
- webpack的了解？说一下打包流程和原理
- plugin 和 loader 的区别
- webpack 是怎么分包的
- js 的闭包和用处
- 什么是深拷贝和浅拷贝
- 实现深拷贝的方式有哪些？
- css 盒子模型的理解
- 水平垂直居中方式
- post 和 get 的区别
- react 常用hooks 介绍一下
- useCallBack 和 useMemo的区别
- 代码考核：用两种方式实现数组的扁平化
58同城
前端一面
- 英语口语怎么样？能用英语介绍项目吗？
- react 技术栈，从哪一年开始用
- 大学在哪里读
- 项目里 IOC、DI 是什么东西吗？IOC 是控制反转
- IOC 和 DI 是什么关系
- DI 是啥意思？依赖注入 Injection
- 你是在 react项目 里面用这种方式是吧？在 react 里面怎么做 IOC？
- IOC 为了解决什么问题？那有别的方式吗？为什么一定要用 IOC 来解决这个问题 ？
- 这个依赖注入是怎么注入的？
- 那 IOC 容器是用什么实现的？
- 所有它是一个运行时的还是一个？它是一个运行时的特性？
- 假如说让你自己去设计一个这样用来维护依赖关系的容器，你会选用什么方式？
- 所以说，如果我们要实现这样的容器，用什么数据结构实现最合适？weakMap
- 为什么不用 map？
- map 和 weakMap的区别
- 什么情况下，用自定义hook
- 你们有自己封装自定义请求的 hook 吗？
- 做题：写一个自定义的hooks？手写 useLocalStorage
- 现在是在职吗？北京的岗位，也是可以的是吧
- 看机会的原因
- 看一份工作的预期
- 现在薪资怎么样？预期薪资
- 还有其他的期望吗？下一份工作里面获得哪一些提升？
- 比较有挑战，有难度的事情 一般是不那么容易搞定是吧？你怎么证明你有能力呢？让你新的团队能把事情放心的交给你？怎么证明？
- 有没有过往成功的 case？或者经验？
- 反问：你有什么问题？
- 工作节奏
- 技术栈：React
- 哪些业务？40多人，分好几个业务方向，本地服务相关的。比如保洁，家政，保姆业务都是有的；有面向海外的业务，有时候会需要和国外同事交流
