上海某小厂前端实习面经

自我介绍拷打项目，问轮播图如何实现的，如何解析后台发来的文章浏览器解析url的过程tcp的第一次握手干了什么websocket是在tcp的第几次握手手写js解析url地址各部分（字符串）的过程（实在是没听懂他在说什么）html5的语义化标签，有实义的标签es6的异步操作有哪些，除了promise还有什么sass less相比css有何优势script的属性箭头函数的指向直接在script包裹的里边写console.log(this)会输出什么git merge和git rebase的区别vue生命周期，v-if v-show区别一小部分八股很简单为什么到南京来？下学期没课吗？考试怎么办？没转正能实习到暑假吗？反问客户端前端是做什么的学习建议后续流程面试官人特别好，面试体验拉满，但是我还是手撕不出来😭

大会员总体来说，两面体验很好，二面会逐渐深入的问，面试官还会给反馈和回答我不会的，最后也聊了聊二次元，和hr也聊了聊二次元，可以感觉到氛围应该很好，是毕业的理想去处之一呢。Timeline：投递：11.6一面：11.20二面：11.26oc：11.27offer：11.28第二天已拒，b站不要拉黑我喵，我毕业真来一面非常非常常规的八股，记不清了，一些有印象的如何隔离不同的cssvite和webapack除了promise创建微任务的方式二面http1.1和http2，服务器推送，队头阻塞，stream id的作用排序算法有哪些，分析快排复杂度https加密过程，为什么最后要用对称加密js原型链...

当时是微信游戏挂了两三天后约面的，有意思的一点是 hr 多多少少也知道前端的一些东西，硬控我 20 分钟，甚至聊了点 react vue 框架，我怀疑 hr 之前就是做前端，想逗逗小孩子罢了（逃）面试给我的体验还是很不错的，没有做题，没有手撕，更多是看你对技术与项目的思考，是否有自己的独立想法，还有探测知识边界，虽说就深度来说肯定是没有大厂那样厉害，但相比一些其他厂也能聊不少东西### 一面(45min)隔了几天才想起了博客没有补充，记得不是很清楚了，将就写写- 业务介绍，入职时间- 什么时候开始知道和学前端的- Astro 框架简单介绍一下- 用 pnpm？说说项目分包的好处- 讲一下 git rebase，平时怎么解决 conflict 的- 用 React 还是 Vue 多- 用 vite 还是 webpack 多- 他们的区别以及优势和缺点- ts 学的怎么样，讲一下几个常用的工具类型- 如何在类型体操内实现 if 和 for 循环- React 新特性了解的怎么样- React 新 hooks 实践过吗- jsx 编译后的产物是什么- 讲一下代数效应- 看一下你项目封装的 hook- AbortController 以及调用时机（考察副作用清理）- 知道有哪些设计模式- 对测试了解的怎么样，编写测试时要注意的点（e2e, vitest）- 英语水平，给一个文档能看懂多少- 反问  - 除了 react ts 还有什么技术栈  - 本次面试出结果的时间  - 主要工作  - 需要改进的点### 二面 (40min)面试的是部门 ld，一位很稳重的大哥，能感受到颇有强者的气场，这次就项目提问了不少内容，很多开放性的问题可以探讨- 自我介绍- 说一下项目里最难的点- 为什么升级成 monorepo 和 pnpm- monorepo 适合的场景- 实践 monorepo 的时候有没有遇到一些什么问题- 项目的架构，怎么分包的- 项目的发展过程- 团队有几个人，都是自己写的吗- 项目背景- astro 框架是什么- 相比其他框架，astro 卖点在哪- 用过 nextjs 吗- 你喜欢 astro 框架吗，说说优劣- react 平时自己开发的时候有哪些规范和注意点- 你觉得 ts 的优点是什么- 有些工作是 ts 推导类型的修复，能接受吗- 没有实习经历吗- 英文文档读过吗- 了解公司实习生职责吗- 从哪里找到招聘信息的- 需求有 ddl，能接受吗- 简单说一下 tauri 项目的难点- rust 是怎么学的- rust 与 ts 的过程宏结合是什么- 为什么想学 rust，你喜欢这门语言吗- vscode 插件是啥，作用？- 反问  - 职责(ld)  - 业务|基建？(业务)  - 需要改进的地方  - 还有几轮面试总结：有些复杂场景还是没有接触到，比如 monorepo 的优劣，但是 monorepo 给我的感受就像是一个工具，我知道项目未来会怎么发展，需要一个模式去改善发展了。我个人觉得 monorepo 主要还是为了逻辑分离，提升模块化程度，缺点就是依赖管理复杂，且没有代码修改权限区分。网上的答案也比较类似，比我想的多的就是测试和重构方便 / 构建部署耗时增加。不过针对后者有类似 turbo 这种工具去进行加速### 三面(1h)最友好的一集，面试官把我几个仓库的结构都看了一下。这一次面就是综合知识 + 业务能力 + 认知边界探究了。不过感觉面我的老哥可能面试人的经验不是很多，感觉比我还紧张（无端），自我介绍还是我主动提出的- 自我介绍- 为什么说想做基建- 有给一些大型项目提过 issue 和 pr 吗，出发点是什么- 假如现在有一个日历公用组件要进行开发，你该如何完成他- 假如这个组件需要定制很多地方，你该从哪几个角度去考量- 假如有一个组件，网络上一点资源都没有，需要你从头定制，你的出发点是什么，该怎么做一个迭代- 现在有一个功能，针对他有一批库可以选，该从哪几个角度去考量选什么库- 看你仓库里面有用 js 去写一些 script 运行脚本，他可以用 ts 替代吗，有什么方案，最新的方案是什么，他们之间的优缺点- 刚刚你说到 bun，那么用这个工具的时候遇到过什么问题吗- v8 爆内存的可能原因是什么，有什么工具或者方法去定位（从项目实践优化再到快照拍摄，还有开发上用一些 Weak 对象处理）- 有时候遇到页面卡顿，你的定位思路是什么，解决方案是什么- 看你开源经历里桌面播放器项目那个似乎是 monorepo 又似乎不是，当时改成 monorepo 的想法是什么- 你简历的项目也是用 monorepo，出发点是什么，解决了什么痛点，有什么新问题- webhook 听说过吗，cicd 环境中要注意的是什么，如何从安全上去考量 webhook 的使用- 最近学的一些新东西是什么，了解了哪些好玩的东西- 反问- 团队规模- 团队项目迭代更新方式- 您的职责- kpi or okr- 会因为 ddl 加班吗- 团队会关注新技术吗- 如何针对一个项目提炼一些可复用的方法论整个面试下来耗时最多的就是组件开发考量 + 知识边界探测了，一开始面试节奏也不算好，双方就沟通上还是有点小问题，不过后续节奏好了后就很愉快，整场面试就像是聊天一样互相分享看法和注意点，整个过程聊下来感觉是很舒服的。面完后 hr 马上打电话沟通说这边没啥问题，可以发 offer，就看什么时候方便过来。作为人生中第一个 oc 还是挺开心的，不过当时正好 wxg 在等开奖，而且技术面都过了，所以后续还是忍痛把 oc 拒了。舍得舍得，有舍才有得。复用方法论是今年暑假提出的一个研究课题，起源于之前看别人做 react 最佳实践时总结的一个项目规划管理模式，我自己在我的项目中用 vue 的方式实现了一遍，体验还是不错的，比如页面逻辑强隔离，页面内部 store 管理，专有组件与 hooks，缺点就是可能要编写的代码内容变多了，其次是对于某个被依赖多次的模块需要做好健壮性和完整性考量但是就我自己的项目说很难提出一套全局可复用方法论，更多是特定场景下的复用实践，这点在我这个项目还是有一些感触的

自我介绍 实习拷打 Java有哪些锁 Java并发编程的三个特性是什么 MySQL有哪些锁 行级锁的存在意义 MySQL有哪些模式（隔离级别） 可重复读什么情况下会幻读 Redis和MySQL数据一致性怎么保持 分布式锁怎么实现 手撕