美团前端实习二面（已of版

发发面经积好运感觉这一次面试涵盖了前端大部分的八股了实习期间主要做了哪些事情？你是如何与产品和后端对接的？你在项目中主要使用 Vue 3 + TypeScript，那你觉得 Vue 开发中的“最佳实践”是什么？你刚刚也有提到“业务组件设计”，那你总结的组件拆分原则是什么？如果一个组件内部代码超过 200 行甚至上千行，但全是内部逻辑，是否还应该拆分？你怎么判断？你在 Vue 中是否会把组件拆得很细？拆分的边界在哪里？监控主要上报哪些类型的数据？是性能指标、错误日志，还是业务行为？具体监控了哪些性能指标？你是否了解 unhandledrejection 事件？知道如何监听 Promise 异常吗？如果让你自己实现一个前端的错误监控，你会怎么做？你提到做过性能优化，具体是从哪些方向入手的？你说有些页面内存占用高达 1.2GB，是怎么发现和定位内存泄漏的？你排查出的主要内存泄漏原因有哪些？你觉得常见的内存泄露都是什么原因导致的？除了你们项目中的问题，你还了解前端常见的其他内存泄漏场景吗？你是如何判断“合适的时机”去清理缓存的？你说对 TypeScript 比较熟练，那了解泛型（Generics）和工具类型（Utility Types）吗？在腾讯的项目中，团队是否强制使用泛型？你们常用哪些工具类型？你用过 Pick、Omit、Partial、Record 工具类型吗？有没有自定义过高级类型？你了解“依赖注入”这个概念吗？你在校内项目中用 WebSocket 替代了长轮询，为什么做这个技术选型？你是如何实现断线重连机制的？断线期间丢失的数据，是如何同步回来的？是通过记录断开时间戳，让后端返回这段时间内的增量数据吗？你能解释一下 JavaScript 的事件循环（Event Loop）吗？宏任务（Macro Task）和微任务（Micro Task）的执行顺序是怎样的？比如 setTimeout、Promise.then、queueMicrotask 的执行先后？UI 渲染发生在事件循环的哪个阶段？是在宏任务之后吗？渲染会阻塞 JS 主线程吗？或者说，JS 执行会阻塞渲染吗？你知道 Promise.all 和 Promise.allSettled 的区别吗？请手写实现一个 Promise.allSettled 方法。需要处理所有 Promise 的 settled 状态（fulfilled / rejected）返回格式是否符合规范？你刚才代码里用了 fulfilled 和 rejected 字段，这是参考了什么规范？（暗示 Promise A+ 或 ES 规范）你了解 Promise A+ 规范吗？感觉问得比较多和杂，我基础也确实不算很好，有不少都没答上。甚至没有考我算法题

📍面试公司：小红书🕐面试时间： 2 月 3 日💻面试岗位：前端实习❓面试问题：自我介绍一下你提到的项目：庆快校园开发过程中遇到了什么困难。我的困难是双 token 的处理，然后讨论了一些双 token 的东西公司实习项目干了什么，然后讨论了一些问题，我是怎么处理的，面试官追问细节vue3 响应式原理vue 父子组件通信平时怎么写代码的手写三栏布局，多种情况，聊了一些 grid 和 flex还有追问如果是平均分要怎么写flex：1 是什么代码输出题，宏任务和微任务手写 promise.all，遇到一些问题，我用foreach同步代码遍历没有判断结果的数量对不对就直接resolve了反问，问...

1.自我介绍2.快速排序的时间复杂度，思路3.一个100个节点的完全二叉树有多少叶子节点4.http的缓存机制5.http状态吗有哪些，各自含义6.浏览器本地存储有哪些，区别和各自使用场景7.算法题，例如输入3，输出1，2，3，12，13，23，123 。输入4输出1，2，3，4，12，13，14，23，24，34，123，124，134，234，1234

一、前端基础与原理🔌 网络通信1. 请详细说明 HTTP 和 WebSocket 的区别？适用场景分别是什么？区别：适用场景：2. 什么是 SSE（Server-Sent Events）？它的核心特点是什么？SSE 是一种基于 HTTP 的单向通信技术，允许服务端主动向客户端推送事件流。特点：基于文本传输、默认支持断线重连、仅服务端向客户端单向推送、兼容性较好（除 IE 外主流浏览器支持）。3. 在什么场景下会选择使用 SSE 而不是 WebSocket？场景：仅需服务端向客户端单向推送数据（如新闻通知、日志推送）、希望兼容低复杂度场景、不想维护双向连接的心跳机制。原因：SSE 实现更简单、...