前端面经（小公司）

1.请做一下自我介绍。2.介绍一下你实习期间负责的小程序项目，它的业务逻辑和技术栈是什么？3.在实习项目中，你和后端、UI 是如何协作开发的？4.什么样的业务数据适合放在 Pinia 全局状态管理中？5.轮播图等数据做持久化存储后，如果后端更新了数据，前端如何保证数据的实时性？6.Vue3 的组合式 API（Ref/Reactive）和 Pinia 的区别是什么？各自的适用场景是什么？7.在开发小程序时，你遇到过哪些微信平台的限制或技术难点？8.小程序中点击分享生成带有二维码的海报图片，你是如何实现的？9.使用 Canvas 绘制图片时，如果图片资源跨域，该如何处理？10.你在项目中实现 CSS 主题切换的具体方案是什么？11.什么是小程序的分包？它的主包和分包体积限制是多少？12.如果主包体积超过限制，除了分包，还有哪些优化静态资源的方法？13.你在项目中封装过哪些高频业务组件？14.封装 Table 组件时，除了修改样式，你是如何考虑其通用性和逻辑复用的？15.如果要封装一个集成“搜索表单 + 数据表格 + 分页器”的大组件，你的设计思路是怎样的？16.在 Vue3 中，父子组件之间如何进行属性继承和事件通信？17.你觉得 Vue3 和 React 在开发体验和底层逻辑上有什么区别？18.你平时自学前端的路径是什么？主要参考哪些文档或社区资源？19.实习期间，如果遇到技术难题，你会通过哪些步骤去寻找解决方案？20.你计划的实习时长是多久？最快什么时候可以入职？

家人们，今天面试面试官拿到了我的两份简历，一份是牛客上没有更新的，一份是我发送过去的结果。我简历上没有更新的是那个Java的，但是我要应聘的是前端工程师。然后面试官把我的两份简历都打印出来了 然后我就想问，我们发的帖子能被面试官看见吗

分享一下我菜鸡前端是怎么收获 offer 的：我是在 12 月中旬开始投递的，boss 每天投递 100 份，牛客间断性冲刺投递，还有实习僧也偶尔用大厂，小厂的面试在我开始投递面经之后一周陆陆续续有，大厂得在开始投递两周之后才有，然后我就是不断通过小厂的面试打怪升级，虽然最后大厂面试还是没有通过，不过也是收获了满意的 base 地的实习 offer 的，而且确实能够感受到每次面试体验的差距，本人目前大厂的面试体验从未好过，但是我的大厂面试也不多，总过也就三场，大厂面试官见过的人多，所以问的更细，反问更多更严格，确实不好进，以后还是可以再试试看，并且面试驱动学习真的，以后学不动了就投递就完事了。我是前端工程师，未来打算走 node 后端这种三七分的路线，并且接下来我也打算多学一些 ai 开发的知识，说真的，这是行业风向，可能面试的时候能聊得上几句，结果就不一样了。

一面（1.8 21.00 48min）项目相关1. 实习经历主要做什么事情？2. Web上主要做什么？管理后台还是员工用的？3. 你在里面主要负责什么事情？4. 配置项大概包含什么内容？5. 子集和孙集的策略是怎么划分的？6. 配置驱动渲染是指什么意思？什么配置来驱动渲染的？7. 为什么有的配置项会展示，有的不会展示？8. 你怎么判断哪个组件需要做什么事情？9. （追问）如果要在某个特定组件上加一次请求，怎么处理？10. 你觉得这里面比较难的地方在哪里？React状态管理1. 用到React的什么库？2. Redux、Zustand、MobX这三个有什么区别？3. （追问）为什么说Zustand是单例？什么东西是单例？4. MobX的响应式绑定一般用什么东西来做？5. Object.defineProperty和Proxy的差别是什么？React原理1. 讲一下你对React的理解？2. React是怎么做异步可中断渲染的？3. 可中断是在哪里中断？4. 可中断的任务是怎么去执行的？5. 5毫秒任务是在什么时候开始执行的？6. 为什么是5毫秒？7. （关键问题）React怎么保证在每帧渲染之前去执行这个任务？手写题1. 手写useRequest - 包含多个追问：○ manual写在哪里？○ run函数每次渲染都生成一次，怎么让它稳定？○ fn变了但run保持稳定，同时能获取最新的fn，怎么处理？○ useRef初始化的问题○ run函数要返回Promise吗？反问因为时间太晚， 希望面试官早点回家，就说了一下这次面试我学到了很多， 也很开心。                                              20分钟约2面二面（1.9 5.00 23min）基础/学习类：前端学了多久？自学的吗？学习渠道是什么？平时AI了解多吗？什么场景用AI？项目类：SDK监控是什么？技术栈是什么？项目是自学项目还是实际业务？聊一个实际工作中的项目技术原理类： React Fiber架构了解吗？展开讲讲手写代码：  Promise.all其他： 实习时间安排反问： 业务是啥20分钟oc总结：效率特别高