可参考项目：https://github.com/wjywy/miniAntd；笔者两年前参加字节青训营编写的项目，刚学前端几个月，稍显丑陋 项目描述  实现组件库的打包和发布，适应npm、pnpm、yarn等多个平台，支持ESM、UMD等多种模块导出方式 支持样式与逻辑的按需引入，结合 ESM 的 TreeShaking 特性，优化引入组件库时的代码体积与加载性能 实现灵活的样式管理机制，提供组件库主题切换与局部样式按需覆盖方式，提升使用者的开发体验 实现 Message 组件的函数式调用方式，支持动态创建/销毁实例，并自动计算垂直偏移量解决消息堆叠问题 使用 Vitest 结合 TDD 模...

这是一篇根据自己身边同学以及工作室的经验汇总而成的文章，可以先摆一下数据，工作室 25 届有 5 位前端 er 找工作，截止到十月底，一共拿到五个 ssp offer，八个 sp offer，暂无白菜。其中有两位同学由于转正成功拿到 sp 暂未参加秋招，且全员只投递广为人知的大厂，面试成功率平均在 80%以上。工作室 26 届前端目前只有两人找工作，已经人均两段大厂实习。再补充几点:1.什么时候找实习，我的观点是准备得差不多 70%就可以开始面试了，面试是最好的老师，对每一次面试时进行复盘，查漏补缺，同时熟悉面试官的问法以及常问的点，做到心中有数。2.面试之前，除了常见的八股和算法要准备好，同时针对于投递的公司，还需要去查找一下相关公司的面经，这里推荐到牛客上去收集，有一定概率会遇到原题哈哈3. 针对项目准备八股，前端的八股量超乎你的想象，除了比较基础的知识点，其它的围绕着项目来就好  

1. Lynx 为什么可以提高 fcp 率，其原理是什么2. Lynx 既然可以使用首屏默认数据，那么你知道在整个流程中，首屏数据从哪里来呢，整个的流程是什么3.  当首屏依赖后端返回的数据时，Lynx 是怎么进行处理的呢，如果是静态数据，应该做不到千人千面吧4.  当用户从首页进入 Lynx 页面时，如果需要实时获取用户的某个数据，却又不去请求接口，你觉得应该有哪些方案呢5. Lynx 的性能指标是怎么进行统计的呢6.  对于端上的性能统计，其具体统计方式与 h5 其实是不同的对吧，你能具体讲一讲吗7. Lynx 对于你们项目的收益是什么呢，你们通过什么指标来统计具体的收益的8.  能讲讲 purgecss 吗，其原理是什么9.  你用 purgecss 解决了哪些场景的问题，可以分别展开说说吗10. darkReader 的作用时机发生在哪个阶段呢，是怎么去收集 class 类名并进行实时监听呢11.  你是怎么优化 darkReader 的注入时机的呢，页面为什么会闪现亮色模式呢，可以详细说说吗12.  说说客户端缓存吧，Nsr 是怎么做的呢13.  当我在一个列表页持续滑动的时候，会对每一个列表的详情页做 Nsr 吗，还是会做一定的限制，限制方法是什么，如果对每一个列表页的详情做 Nsr，资源请求损耗肯定会异常大14. FCP 率的具体含义说一说呢，是怎么统计 FCP 的呢，FCP 的统计时机是在哪一个阶段呢。FMP 呢，FMP 没有现成的 API 进行统计吧，可以讲一讲最大有意义元素算法的具体流程吗15. JSB 通信的方式有哪些呢，讲一讲其具体原理呢，URL 式 与注入式有什么不同呢，优劣处可以分别讲一讲吗16.  讲一讲 H-Lynx 吧，你是怎么做的呢17.  为什么要使用 ts-morph 呢，你觉得 ts-morph 与 babel 的优劣是什么呢18.  除了分析抽象语法树，还有什么方法来做代码的迁移呢19.  你觉得在百度和字节的实习，给你的最大的区别是什么呢20.  能说说在你做业务的过程中，有遇到什么难点吗，是怎么进行攻克的呢21.  针对与 h5，你们是怎么做性能优化的呢八股22.  为什么 hook 不能在 if 语句中使用23.  能讲讲 useState 的原理吗24.  说说 Webpack 的构建流程吧25. Tcp 为什么防止数据丢失，做了哪些具体的操作呢——超时重传，快速重传26.  说说事件循环吧，并看代码输出题27.  为什么宏任务要优先于微任务执行呢28.  说说多线程安全的内容吧29.  进程之间通信的方式是是什么30.  主键与外键的区别是什么算法 31. K个一组反转链表     

秉着一个意向一次面经的原则，先输出一下美团的面经，部门是美团到店，基本都是围绕着项目问的，参考意义不是很大一面（1H）项目：1. darkReader 是什么，你是怎么使用 darkReader 的呢2.  使用darkreader 跟普通的css变量方案有什么区别呢3.darkreader的原理是什么4.  优化其在客户端的注入时机，可以详细讲一讲吗5.  可以说一说 h-lynx 吗6.  为什么要考虑使用 ast 呢，不可以接入 AI 或者直接在单文件进行转换吗7.  首屏 FCP 率是怎么优化的8. Lynx 首屏这么快的原理你知道吗9. FCP的含义是什么，怎么确定FCP呢，在Lynx上是怎么记录FCP的呢10.  优化 css 的打包体积，你能详细说说吗11. purgecss 可以实现 treeShaking 的原理你知道吗12.  说说jsb是怎么封装的，了解jsb的原理吗13.  你提到了性能优化，能仔细讲讲吗14.  你能详细讲一讲对话流插件 SDK 是一种什么样的场景吗15.  为什么要适配多个宿主，是怎么进行适配的呢16.  为什么要使用 iframe 呢17.  你知道应该怎么对iframe进行沙箱隔离吗18.  说说 IPC 和 RPC 的设计原则19. SSR改造，是怎么改造的呢20.  了解SSR的原理么21. SSR和SSG有什么不同呢22. NSR，你们项目中是怎么使用NSR的呢23.  你觉得NSR和SSR这两种方案，哪一种对FCP率影响更大呢八股：24. webpack 的构建流程25. webpack 的打包体积优化26. webpack 的打包速度优化27. vite 为啥比 webpack 快28.  跨域的解决方案，具体讲讲呢29.  讲讲 React 的更新流程算法：30.  面试官说，咱们就简单出道你肯定会写的吧，最后出了个EventEmitter，爱了   

下面供上博主暑期实习和秋招的路线，希望能给到广大朋友们一些参考。先说一下博主的秋招收获：如简介上写的一样，快手大疆ssp，字节美团百度网易sp博主的暑期实习，严格来说得从三月初说起，花了大半个月的时间将大致的八股和算法重新过了一遍，并针对性整理了一份面试文档，这也是后面秋招文档的雏形。为了保险起见，首先投了行至智能这家小厂练手，大概三月二十号，拿到了这家小厂的offer。随后心里还是不放心，继续投递了蔚来，并在三月26号通过了所有的面试，这下博主终于有了信心投递大厂。中间有个小插曲，快手那边的某个部门直接叫我hr面，说不用再走面试流程，可以快速到他们那边进行暑期实习，当时博主很激动啊，要不是对字节比较坚定，肯定就屁颠屁颠跑过去了。然后从三月二十七号起，我又投递了字节和淘天两家大厂，三月二十九号，淘天一面过；四月一号，字节一面过；四月二号，淘天二面挂；四月三号，字节二面过；四月七号，字节三面过，四月八号HR面，四月十号offer意向书已发。总共历经一个半月才拿到自己比较满意的offer。秋招的准备，是从六月底开始的，首先花周末的时间将手撕和算法全部过了一遍，并在七月一整个月里断断续续的复习八股，整理成了接近八万字的面试文档。投递的第一家大厂是百度，第二家大厂是网易。流程巨长，基本上都是隔了一周才进入下一面的流程，八月二十号左右，两家的流程终于走完，便开始泡池子了，泡池子真是21世纪对程序员最恶心的措施，网易整整泡了两个多月才给录取结果，而百度，则是整整泡了三个月池子才给了一份不痛不痒的带薪offer。随后来到了九月，九月三号美团一面，九月四号美团二面九月六号美团offer，算是书面意向给得最早的一家大厂了。之后便面得快手，大概从九月十号开始一面，九月三十号拿到书面意向，持续了接近三个星期。由于时间的特殊性，国庆节还小小奖励了自己一番。十月也主要面了两家公司，大疆和字节。都于十月二十号前结束了全部面试流程。十一月，是秋招的开奖季。开水团变成了香水团，随后便是网易，大疆，字节，快手，百度。说来好笑，百度打电话谈薪的时候我已提前实习三天了，在听到不痛不痒的薪资之后也是立即挂掉了。大致就是这些内容，前后历经了九个月的时间，虽有痛苦与内耗，但终究是获得了相对不错的结果