腾讯前端二面面经

发发面经积好运感觉这一次面试涵盖了前端大部分的八股了实习期间主要做了哪些事情？你是如何与产品和后端对接的？你在项目中主要使用 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+ 规范吗？感觉问得比较多和杂，我基础也确实不算很好，有不少都没答上。甚至没有考我算法题

早晨收到了HR助手的提醒，今天是白牙入职腾讯的两周年，两年前选择offer的纠结与入职腾讯时的兴奋还历历在目，但也许因为历经新冠的原因，这两年的时间黏稠而缓慢，仿佛流体，乏味得可怕今天带小白牙去国际鲜花港玩了一天，小白牙很开心，收拾完，想记录些什么，给时间留下一点记忆，就写一些在腾讯两年收获与感受吧收获了自信，「出身不好」的白牙也能凭努力跻身头部大厂，原来自己并不是很差，但同样也很清醒，公司确实起了背书的作用，但不能错把平台的能力当自身的能力，时刻保持清醒经历了一个系统从0到1的建设，见证了系统的不断迭代，虽说是内部系统，但还是有一些用户量的。这种机会挺难得，很多时候都是在现有系统上做一些修修...

一部分重心就是刷力扣题，而且大部分盯着Hot 100来啃，其他题目碰得很少，毕竟打听下来，大部分公司的技术手撕代码都绕不开这个范围，只有字节、腾讯这类大厂会额外加几道难度更高的题。前后刷了200多道，其实不算多，主要是为了把高频考点的思路吃透。除了刷题，就是抱着Java guide背知识点，再照着网上整理的八股文背面试常考的基础概念，比如JVM、多线程这些。最后还得把自己做过的项目好好梳理一遍，确保每个技术点都能说清来龙去脉，这样面试的时候更好

前端新的面试题又来咯拖拽与 DOM问题 1：拖拽过程中，如果原本的元素消失了，onDrop 还能触发么？具体表现是什么？答案： 能触发。onDrop 事件会在放置的目标元素上触发。具体表现是：拖拽源元素在拖拽过程中被移除（如设置为 display: none 或从 DOM 中删除），只要鼠标在有效的放置目标上释放，onDrop 仍会触发。但是，event.dataTransfer 对象中关于拖拽源的数据可能变得不可靠或丢失。问题 2：如何改变拖拽预览图？答案： 使用 DataTransfer.setDragImage() 方法。 element.addEventListener('dragst...