酷家乐前端面经

1.说一下那个HTML5语义化标签及应用场景2.CSS3当中实现垂直居中的方式有哪些？3.说一下tailwindcss4.说一下nuxt框架5.说一下原型链和闭包6.你了解HTCP和TCP杠IP协议的关系吗？7.然后你说一下HTTP请求，然后响应头的核心字段。8.你在请求头里面，你有用到哪一些核心的字段。9.响应头的响应状态码，你说一下。10.sse和web socket的区别11.element 你有用过他们那些组件里面的懒加载的属性吗？怎么实现提交表单？12.REF和reactive有什么区别？13.pinia多模块之间的通信方式14.webpack和viteboss上 20人小厂  不推荐去面试体验：真的很一般。面试官迟到5.6分钟，全程不开摄像头，我回答也没有什么反馈。揪着我没怎么用过nuxt和tailwind说在我们公司，你还得掌握。（俺寻思ai时代技术点不是已经不是壁垒了吗）后面到半小时就想赶紧结束面试，不给反问机会，没错 一句也不能问。说同时面好几个人。（俺寻思你面上一个人的时候怎么就没这么有准时观念呢？）后续无结果。

面试时间: 50min0八股, 全程 项目拷打 + 场景思考 + 最后一道算法题, 鼠鼠压力爆大说说简历上项目的架构你在项目中做了什么如何保证在使用svg和canvas, 不同节点互不影响对于 scale 和rotate , 调换他们的顺序会造成什么结果你项目中的渲染引擎和其他渲染引擎的区别如果要在canvas 下面创建子节点, 应该怎么办说说命中检测算法, 怎么优化给你二十个点, 你是怎么判断用户是否点击到上面的如果给你成千上万条路径, 你怎么优化你的全量遍历算法题: 给定一个二叉树, 找出最深层级的子节点(可能有多个), 并返回

实习拷打，这部分就不说了八股拷打流式输出的原理为什么用SSE不用axios，他们在http上有什么区别讲讲http1,1.1,2,3，他们是为了做什么优化才更新的埋点的意义vue的计算属性的原理有了解过浏览器安全的知识吗XSS是什么知道吗UDP是怎么保证通讯可靠http请求的流程知道吗有用框架写过东西吗现在工作中你写逻辑还是样式流式输出前端怎么样从后台拿到数据有没有什么做的不好的地方JS事件循环了解过吗？优点缺点？为什么你说AI对你埋点的帮助不大有用过Vux这种的，什么场景下需要他你说到面包屑，面包屑只是弄个数组存起来然后拿出来用吗？他的难点在哪虚拟列表的原理，有没有别的方案你说的insectionObserver是什么，他怎么实现虚拟列表你觉得最考验你的部分是什么JS闭包了解过吗？他是为了解决什么问题存在的？手撕高性能Top K频繁子串查询系统项目一点没问，一直在拷打实习内容和八股，手撕也给我整不会了。反问也没有，第二天就挂了

面试流程速览- 形式：视频面试- 时长：60分钟左右- 轮次：春招前端（业务+算法+手写实战）- 特点：重项目深挖+高频手写+现场手撕算法，节奏非常快---一、面试真题（完整回忆版）1. 开场必问- 自我介绍（1分钟以内，突出项目与技术栈）- 实习期间做过的核心业务、遇到的**重难点**- 项目卡顿问题排查：你是怎么定位、怎么优化的？（面试官重点追问）2. 项目深挖（AI相关）- AI项目具体做了什么功能？- 用了哪些AI SDK？整体架构怎么设计？- 有没有用到LangChain？为什么没用？- 理论掌握程度 vs 工程落地能力（面试官明确看重**实战落地**）3. 手撕代码环节（高频原题！）1）**算法题**LeetCode 寻找峰值（二分查找）- 要求：不能本地测试，直接写思路+代码- 注意：边界条件、mid计算、左右判断- 踩坑：面试官会逐行挑错，哪怕逻辑对也会抠细节2）**前端手写组件****倒计时组件（大厂超高频）**- 用 requestAnimationFrame 实现- 追问：**60帧下raf间隔多少ms？**- 标准：16ms 左右- 面试官提示：可按 30ms 理解作答4. 反问环节（超有用干货）我问了两个问题，面试官直接给了学习路线：1）前端+AI 学习建议- 看 Claude Code 源码，学习 Agent 设计- TS 是 AI 前端开发主流语言，必须吃透- 动手做：构建 Agent，集成 Skills、MCP、Tools- 练手：用 VibeCoding 写一个浏览器插件2）业务方向PDD 前端业务覆盖广泛，侧重**性能优化、复杂交互、稳定性、高并发场景**---二、二面核心考点总结1. **项目真实度**：必须讲清楚难点、卡点、解决方案，不要虚2. **性能优化**：卡顿、渲染、长任务是必考点3. **算法**：二分查找是高频简单题，一定要熟练4. **前端实战**：倒计时、懒加载、防抖节流、SSE 这类组件必考5. **技术视野**：前端+AI 是现在 PDD 重点关注方向---三、给后续同学的避坑建议1. 算法题哪怕写对，也要**讲清思路**，不然容易被判定背题2. raf、定时器、渲染机制这类基础要牢，别临场卡壳3. AI 项目不要只说概念，**一定要有落地代码/架构**4. 实习经历重点突出：**问题→方案→效果**，逻辑清晰5. 反问环节多问学习&业务，能大幅加分---