猿辅导前端一面面经

📍面试公司：猿辅导🕐面试时间：9.9💻面试岗位：大模型算法工程师❓面试问题：1.自我介绍2.进行项目介绍3.代码题，消除字符串中的ape，s1s2能否拼成s3🙌面试感想：讲完项目花了15分钟左右，然后两道题都做出来了，不知道最后结果会怎么样

时长1h自我介绍Ts 掌握程度？对泛型的理解？interface 和 type 的区别？如何不用递归来 diff 两个对象，并找到不同之处？预计的时空复杂度分模块异步加载做了什么?对 LCP 产生的影响TBT 的优化？长任务如何识别和统计？问实习的 table 替换前端路由有哪些骨架屏技术方案做了什么？为什么不直接生成骨架屏组件库如何支持的双模块包？用户在使用时如何判断引入的是 esm 还是 cjs？手写： Q:React实现一个Autocomplete输入框输入内容时,下拉内容需要实时展示和输入内容相匹配的推荐结果列表匹配机制:输入内容和推荐结果前缀匹配即为可推荐选项推荐结果列表通可以用mo...

自我介绍 实习项目基础从什么时候开始接触前端？为什么选择前端？实习为什么离开？介绍一下你觉得做得最好的项目和它的亮点是什么？如何发现性能问题的？简单描述一下从输入URL到页面渲染完成的过程。有了解过Canvas吗？（不咋了解）重绘和重排区别，哪个性能消耗更大？场景：如何判断用户是否看到广告卡片，以统计其曝光？（说了监听scroll和IntersectionObserve实现）SSE和 WebSocket 区别和优缺点？addEventListener方法有几个参数？事件的执行阶段是什么？（事件捕获和冒泡）事件对象中的 event.target 和 event.currentTarget 区别？代码输出题：事件循环Event Loop打印顺序，解释原因Promise在实现和运行中会产生闭包吗？（产生、结合源码说了说）JS封装一个网络请求？（XMLHttpRequest）除了XMLHttpRequest，还有什么其他方法可以发送网络请求？（Fetch API）如何主动取消一个已经发出的Fetch请求？了解自定义事件吗？（说可以自定义eventEmitter）CSS Flex布局问题：如何让父容器中的三个子元素，前两个居左，最后一个居右，中间留白？CSS或JS动画有做过吗？（这个不会）讲一下二分查找的原理React常见的性能优化点有哪些？（除了useMemo/useCallback）了解微前端吗？Chrome开发者工具里，如何查看页面帧率？查看内存占用？如何快速定位到有性能问题的代码？开放题：纯前端（无流量变量）实现A/B Test，让80%的用户访问A页面，20%访问B页面？实习期间的工作强度是怎样的？能否接受较强的工作强度？有过沟通冲突吗？如何解决？未来工作中发生冲突或对立，如何处理？平时通过哪些渠道学习前端知识？平时使用哪些AI编程工具？反问，问了培养、氛围、不同面侧重体验挺好的，有说有笑

1. Promise 有哪些状态？常用 API 有哪些？捕获异常有几种方法？2. 介绍下事件响应机制？啥是 `useCapture`？3. 介绍下 React 的合成事件机制？有啥好处？事件响应顺序是啥？4. `Symbol` 是啥？啥时候会用？5. `localStorage`、`sessionStorage`、`IndexedDB` 有啥区别？6. `localStorage` 满了咋办？（提示用 LRU 删 key）LRU 有哪些接口？口述下怎么实现？7. `Cookie`, `session`, `token` 有啥区别？8. Flex 布局和 Grid 布局分别有哪些常用属性？9. ...