wxg秋招前端一面面经（小程序&公众号团队）

自我介绍 实习项目基础从什么时候开始接触前端？为什么选择前端？实习为什么离开？介绍一下你觉得做得最好的项目和它的亮点是什么？如何发现性能问题的？简单描述一下从输入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. 什么是盒模型 解释一下box-sizing属性2. 如何实现水平居中3. 解释== 和 ===的区别，[0] == [0]和[0] === [0]的输出分别是？4. 项目拷打：monorepo相较于multirepo的好处，monorepo各种解决方案的区别，为啥不用npm workspace5. 项目拷打：SSR和CSR的优缺点，resumable ssr是什么。首屏加载哪个快，能够交互哪个快。SSR有哪些不太好处理的问题。线上运维SSR渲染的页面出现了数据问题怎么排查，如何查看node端的log6. 简历拷打：用户登录实现方方案cookie, session, token的区别7. ...

实际面试时间30min，面试前4道题1h，计算器没撕出来。。。这辈子都学不会算法了问的大多都是项目上的内容，看我用了nextjs还问了两道node相关的，可惜我都忘光了。。。还扯了下一些新兴前端技术，webgl啥的，不愧是腾讯体验很不错，但是哥们太菜了，估计凉凉9.6编辑 进二面了...面过字节有心理阴影了，不会拿我刷kpi吧

生服挂了，换了个部门继续面1. webpack如何split代码，有几种方式2. webpack如何进行tree shaking的配置3. NPM依赖包版本号前缀~和^的区别4. ssr和csr的区别5. 如果用户能拿到数据请求url，如何进行反爬6. rag的大致流程7. langchain构建rag系统的流程8. 流式输出的实现，前端后端分别如何做，用到了什么网络协议9. sse的格式中，是用\n分隔还是用\n\n分隔，mime类型是啥10. 手撕：流式输出的模拟实现11. 手撕：带timeout的promise的实现