超长面试，被狠狠拷打

AI 与项目理解了解 AI Agent 和前端/服务端的交互协议或格式吗？了解 MCP (Model-View-Controller, 候选人提及后追问) 吗？Vue 和 React 用哪个多一些？它们在工程应用上有什么区别？了解 React 的原理吗？比如它的 Diff 算法是怎么做的？为什么 React Hooks 不能放在分支逻辑（如 if 语句）里？介绍一下你的 “AI 简历小助手” 项目，它的业务目标和指标是什么？你觉得 AI 和前端有什么结合点？技术深度与性能优化你觉得自己在前端的哪个方面研究得比较深入？(针对性能优化) 有哪些成熟的性能指标，以及如何去检测这些指标？什么是 FCP (First Contentful Paint) 和 LCP (Largest Contentful Paint)？（感觉对这两个指标存疑，可能是太基础了？）如果用户反馈页面加载慢，你的排查思路是什么？设计与算法**【设计题】**如果要设计一个开源的 Code Editor (代码编辑器) SDK，你会向开发者暴露哪些 API？（一开始以为是编辑器内核，最后说是前端框架，反正马马虎虎把）**【算法题】**给定一个整数数组 coins 代表不同面额的硬币，和一个整数 amount 代表总金额。计算并返回可以凑成总金额所需的最少的硬币个数。如果没有任何一种硬币组合能组成总金额，返回 -1。（零钱兑换问题）反问PS：估计寄了，零钱兑换没做出来，一开始思路错了，后边提醒了一下才说动态规划，但是好久没刷题了，何况动态规划还是刷的最少的感觉我现在的水平还是在大部分一面能过这个样子，八股和项目点好一点，反正自然一点面了，秋招面到现在也不强求啥了

接触前端开发有多长时间？为什么在三月份从上一段实习离开？英语六级分数是多少？平时看英文文档还是中文文档？请介绍一下 Promise，它是什么？Promise 有几种状态？Promise.then() 是做什么用的？（代码场景题）给定一个状态为 fulfilled 的 Promise P1，当 .then() 的回调函数分别正常返回、抛出错误、返回 null、返回一个新的 Promise P3 时，新的 Promise P2 的状态和值分别是什么？（代码场景题）给定一个状态为 rejected 的 Promise P1，当 .then() 的回调函数分别正常返回、抛出错误、返回 null、返回一...

其实很久没有看八股了，CSS那块全炸了，一点都答不上来，JS基础还能说一点点，于是乎我极限拉扯，React部分结合八股疯狂和面试官输出我的实习经历，最后有惊无险还是过了一面（于是我的二面完全不问实习，哭了）。体验很不错的一场面试，最后面试官给的建议很详细，比如要讲清楚实习的业务形成闭环、要注意审题，说我整场表现是比较不错的。在当天的傍晚，hr姐姐打电话和我说过啦~！（上午面傍晚过，感觉被横向了一波，那时我又又以为要挂了....）1. 开场与项目背景自我介绍这个系统是用什么开发的？是个移动端的还是个PC端的系统？2. 技术选型与基础知识你为什么使用React然后再去写这个？前端的事件循环说一下Set和普通数组有什么区别？这个Set的数据能直接传给服务端用吗？需要怎么转？3. CSS与布局BFC概念：介绍一下BFC水平垂直居中：给了一个div，div可能是不定宽不定高的，我想这个div在我的屏幕上水平垂直居中，几种方式？4. React核心概念父子通信：React父子通信有几种方式？深层嵌套问题：深层次的嵌套这个数据传递，有什么解法？事件传递：有一些事件需要往下传的情况下，有什么解决方案？Class vs Hooks：平时是Class组件还是Hooks？Hooks优缺点：说一下Hooks的优缺点Hooks对比：用Hooks或者去写业务逻辑和用Class去写，他们有什么优缺点？5. React进阶问题状态管理：页面有很多数据，每一个数据都可能是用useState去创建或者更新，你是怎么去组织它或者管理它？列表渲染：在React里面循环的时候为什么一定要使用key？Hooks规则：Hooks为什么官网不建议我们在循环或者是在if判断里面去使用？6. 组件设计组件设计：拿一个你觉得做得不错的一个组件来说一下你是怎么做的。分几个方面：① Props的设计② 事件的交互③ 可控性来说，你怎么去思考这个东西？7. 学习与成长学习方式：平时是怎么学习前端技术的？技术信息获取：有哪些途径去了解一些前端的前沿技术？代码学习：你会去看GitHub上项目的代码吗？实践应用：看到一些比较不错的想法设计或代码风格，你会在项目里边去使用吗？反问：我的不足与业务

自我介绍为什么选择前端这个方向？如何理解ToC和ToB业务的区别？从输入URL到页面渲染发生了什么？什么情况下会引起重排（Reflow）？CSS中的几种定位（position）有什么区别？了解CDN吗？如何更新CDN中的内容？项目中如何实现登录？登录状态是如何保存的？Token和（本地）存储（Storage）有什么区别？如何实现单点登录（同一账号后登录的设备会踢出先登录的）？什么是OPTIONS预检请求？如何实现跨域？前端常见的网络攻击有哪些（如XSS、CSRF）？如何防御？Flex布局和Grid布局有什么区别？Flex弹性布局的实现原理是什么？如何实现并发请求？Promise.all的实现原...