字节跳动-懂车帝-前端实习生一面面经

1.12号面的40分钟左右面试官:看你四段实习，你能不能介绍一下你每段实习做了什么呢？1-自我介绍，项目介绍，然后拷打一下项目，主要是组件封装那一块，我说完之后，他也帮我补充了优化点2-HTML的id和class区别3-为什么不用原生js写项目，反推为什么用框架，框架的优势？4-==和===区别5-开发中用的框架布局，我说了flex6-怎么实现弹窗的水平垂直居中7-怎么判断数组8-instance of基于什么去判断的9-let const VAR区别10-如果一个不定参数的方法，如果获取里面参数11-v-shot和v-if12-父子传值13-eventbus讲一下14-点击按钮获取数据怎么实现15-fetch用await之后，方法设置一些function？反问1-业务简单的大模型基建平台，传统前端一样就一次面试，最快三天内出

一面 40分钟   项目难点亮点深挖（思路和解决办法）   浏览器渲染，display、visibility这些内容对元素的重排、重绘的影响   setTimeout、Promise、requestAnimationFrame这些api的区别   react中通过useState维护了一个对象数组，如果要修改这个对象数组的某个值，应该如何实现？  通过不可变数据（让口头说源代码怎么写😂），通过扩展运算符    如果对象的赋值，如果不是浅拷贝，使用深拷贝的话有哪些影响   重渲染层面来说，深拷贝有什么影响吗  面试的时候说id一样就不会重新渲染，后面复盘的时候试验了一下，都会重新渲染，除非用m...

就面了半个小时，，，基本都在闲聊1、面试官自我介绍，详细介绍了业务部门（好评）2、结合项目自我介绍，说说前端学习过程3、vue2和vue3的区别4、vue router中的全局路由守卫有哪些5、canvas的详细使用（面试官发音有点不标准，一开始没听懂，后面才知道是canvas，不会）6、解决跨域的方法有哪些7、jsonp的实现原理和过程8、cookie/sessionStorage/localStorage的区别，生命周期9、流式响应的处理10、断点续传的详细实现过程面试官反问：会继续升学么能实习多久用过哪些大模型反问：组内氛围主要技术栈：vue

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