心影随形前端面经

完全的八股，完全的公式，时长40min，这是kpi面吗手撕：1. 和最大的连续子数组 2. 二叉树层序遍历1. 自我介绍2. 输入url到渲染的过程3. 什么时候触发重绘，什么时候触发重排4. https和http的区别5. 浏览器什么时候会发生内存泄漏6. 图片很多的场景如何优化7. 内存中堆和栈的区别8. 了解DNS吗，DNS缓存有几层9. 数据库，数据库事务、redis、索引（完全不懂）10. 介绍一下印象最深刻的项目（说完没反馈）11. 如何使用AI12. 反问13. 面完秒挂

1. 自我介绍（面试官要求：着重项目 + 技术积累）核心考察：技术栈广度、项目落地经历、学习连贯性，需突出与前端岗位匹配的核心能力（如跨端、工程化、前后端兼修）。2. 项目深挖（高频追问，核心考察实战能力）重点追问项目小程序课表督导系统：核心难点聚焦页面转 PDF 的宽高适配，追问 PDF 生成具体问题、解决方案、使用的技术库；延伸追问性能优化实操（防抖节流、懒加载、图片优化、分包）。React 转 RN 跨端重构（AI 股市分析项目） ：核心追问跨端重难点与解决方案，包括两端适配、样式兼容、技术栈重构细节；延伸追问是否独立负责工程化 / 打包 / 部署。工程化追问具体在哪个项目做了打包 / ...

1. 面试官介绍：QQ - 频道业务，社区产品，后台开发 && AI 开发；闲聊 QQ 产品发展史2. 自我介绍3. Redisson 分布式锁底层实现，对比红锁4. 锁误删什么情况会发生、怎么解决锁误删5. 锁续约怎么实现，底层原理6. AI 推荐后台采用 WebSocket 实时推送怎么实现的，为什么采用 WebSocket，为什么不采用长 HTTP 连接或其他的 RPC？7. WebSocket 和普通 HTTP 的区别，从原理角度考虑8. OAuth2 的原理，以及对比 JWT、Session 的区别9. 重定向是 304 吗？为什么不是 401？10. 访问一个网站 404 了，怎么定位这个问题？11. 一个 HTTP 请求，怎么走到前端的？12. 通过 goroutine 和 recover 实现异步操作日志是怎么实现的？为什么这样实现？13. 如果使用 Kafka 异步操作写库，写的时机是什么时候？是这些操作完了再写还是先写再操作？14. 异步不能保证审计不丢失，怎么处理？15. 怎么保证消息不丢失？16. 先写 Kafka，再执行业务操作，还是先执行业务再写 Kafka ？17. 如果写 MQ 失败，会不会堵塞业务，此时怎么处理？怎么保证服务高可用，同时保证审计的完整性？18. 审计的ID放在哪里？失败了怎么处理？给出一个方案能保证正常审计，包括写 Kafka 失败了怎么办？写完 Kafka 后续执行失败了怎么办？19. 定位审计是一个强约束还是非强约束，若是关键路径则不能绕过它，它失败则后续都失败，若不是强约束则不能作为审计，所以怎么样才能做到审计？20. 怎么保证审计日志写库的强一致性也保证业务的正常流程？假设用 MQ 而 MQ 挂了怎么办？因为写 MQ 也可能存在一定的失败，若 MQ 挂了业务也就挂了，这种极端情况怎么处理？全程无手撕，项目深挖+场景深挖，挖到不会为止许愿二面

面试官人挺好的，问了超级多，面了差不多有四十分钟，就单纯问项目和八股，以及结合项目拓展的一些场景八股如下：CSS中position有哪些取值absolute是相对于什么进行定位的CSS中除了px还有哪些单位flex布局常用属性有哪些箭头函数和普通函数的区别解释事件循环机制，微任务包括哪些，宏任务包括哪些如何保证页面动画的流畅性（CSS动画和JS动画）浏览器存储数据的方式有哪些localStorage和sessionStorage区别两个页面的sessionStorage是互通的吗同源策略是什么，为什么需要这个HTTP和HTTPS有什么区别GET和POST请求区别canvas元素了解吗，如何用它...