金山办公前端一面

bg九本，Java后端开发方向。lz比较菜，八股项目一般，一月前后投了两三个大厂但都挂了，现在手上有几个中小厂的实习offer，想着不如先去干一干(担心寒假回家摆烂)，还能积累一个项目，想着是把项目理解了以后可以包装包装。然后一边干一边准备暑期。第一个是个中小厂，做toB的管理系统，技术栈比较传统，前后端都得搞(前期工作是前端开发)，工资一般。第二个是国企中厂，有一定的名头，去是做低代码开发(不是低代码的平台开发，是低代码做东西)和国产数据库开发，工资比较少。第三个是个小厂，名头小，技术栈比较新，去做Java和agent开发，工资比较高。想问问牛友们有何建议呢，怎样选择呢。

问了很久，大概四十分钟：js的数据类型，怎么判断数据类型，数字的操作可能产生的问题？精度丢失问题？toFixed？es6的新特性？symbol？用双等号和三等号判断symbol类型？promise？all用在哪里，then的参数，then能不能实现错误处理？js的事件循环pinia和vuex的区别？vue的生命周期？父组件和子组件的生命周期？vue3有没有create（我说是setup，面试官笑了）二次组件封装的流程？怎么实现同时使用源组件和二次组件？优化实现方案？css关键引用？解释为什么需要虚拟Dom，diff算法，key的作用flex=1？css水平垂直居中？为什么还需要用到translate？git命令？合并命令？深浅拷贝？递归循环引用问题图片懒加载怎么实现的？怎么判断的项目困难和收获还有的有点忘记了，整体面试感觉一般，面试官态度不是很好

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

1.自我介绍2.讲讲对React框架的理解3.React和Vue的区别4.详细讲讲React Fiber底层5.React Fiber时间优先级如何实现6.Vite 和 Webpack区别7.为什么Vite快8.详细讲讲Webpack构建过程流程 和 Tree Shaking9.http1.1 http2.0详细区别讲讲10.大致聊聊TS11.TS的工具类型12.详细讲讲Promise手写Promise.all和Promise.allSettled13.对闭包的了解手写防抖和节流14.讲讲React常见的hooks15.手写useMemo模仿useCallback16.算法题:给你一个整数数组nums，找出一个具有最大和的连续子数组(至少包含一个元素)，返回最大和17.讲一个你最熟悉的项目以及亮点难点18.详细讲讲Web Worker的通信机制 除postmessage 和 onmessage外 回调之类的19.反问