百度前端一二面面经

为了前端岗，WebGIS 转前端想法再谈谈前端赛道，对于GIS，相信很多本科最容易上手的就是WebGIS，现在有AI写页面更方便，这也是多数人的编程真正起航。不可质疑，“前端已死”会杀死基础前端，很多GIS行业像华测导航今年前端都没有HC，小GIS行业前后端全栈是发展趋势。还有就是WebGIS+React+3D(WebGL +Three/Cesium),像现在大疆车载｜小米等智驾公司也有小部分HC。前端就没有发展了吗？当然不是，今年互联网🛜大厂还是再招不少前端，像字节跳动、腾讯今年前端HC相比后端还是多，面试机会多，当然也不简单，要靠完全实力+运气进去，为什么会多，个人觉得是AI基架要做，像IDE、结合AI原来业务要进行适当调整以及AI和新业务带来的新需求新交互方式，向多模态进行发展等等👤（学院本211硕+一段中大厂实习）秋招多数大厂都给了面试机会（阿里系卡双2除外）前端要学到什么程度能进大厂？运气，可能面试问的问题刚刚就会，所以就过了可多可少，下面⬇️我学了那些，如果以就业为导向直接快速学（见上图技能）：基础（Javascript+ ES5+ +CSS +HTML）框架（React+Vue+底层原理）工程化（Webpack+Vite+底层)主流前沿（AI+SSR+微前端+大前端+Monorepo+音视频等等）项目实践（管理系统、往年字节青训LLM对话框、Markdown编辑器、仿ElementPlus组件库等等）实习｜项目+面试自信yyds

为了防止被认为是菜鸡, 所以先说一句, 第一关到第三关我还是会的 😭面试官不要再学历挂我了好吗前言：上周一，产品经理搬着椅子坐到了我旁边：“咱们的 AI 助手体验太‘古典’了，请求发出去要转圈五秒钟才吐字。你看人家 ChatGPT，那个字是一个个蹦出来的，多解压！还有，能不能让 AI 给我写个 React 组件，直接渲染出来让我点？就像那个 Gemini Canvas 或者 Vercel v0 一样？”我看着手里还在用 await fetch().json() 的代码，陷入了沉思。这不是加个 CSS 动画能解决的事，这是一场从网络层到渲染层的全面重构。这几天，我像是经历了一场前端技术的“大航...

1.12字节一面（1）自我介绍（2）询问项目基本情况（3）八股（4） 手写lru+观察订阅1.13通知过了1.13腾讯一面先给了20分钟写五道手写题，我写了3道题就没时间了，剩下两题说思路，大概就是用两种方法实现去重，手写promiseall，将参数转化成json结构，实现赋值却无法改变原本的值，实现打字机效果（1）自我介绍（2） 询问项目基本情况，了解整个项目框架（3） 噩梦开始，问的应该算八股，问到不会为止最新版本的ts是否有所了解pnpm和npm的区别，知不知道幽灵依赖，原理是什么cursor为什么可以同时执行多个工作流，底层原理是什么，git worktree有了解过吗，他是物理隔离还是逻辑隔离，最多执行多少个工作流ts的基本类型的副作用webpack和vite的区别，你还知道哪些构建工具，vite是基于什么构建的，那他是怎么处理cjs的目前还没挂我，不知道为什么，每题都问到不会为止1.14字节二面（1）自我介绍（2） 然后问项目是怎么处理问题的，我就说打点看日志，debugger这些定位问题，然后说了一个如何解决webp在ios的兼容问题（3） 然后写了一个树的直径，要自己运行➕定义结构，以及输入，他说结构有点瑕疵，但是算法是对的，手写了一个异步并发器1.15通知总体面评不错，但认为项目深度不够，没过目前的情况手上有一个上市制造业的offer，已经发offer，17*13+包吃住，入职时间是1.281.22 有赞一面1.26 有赞二面1.27 有赞三面1.28收到了有赞的offer以为要去制造业了，没想到还有转机，2.3入职

一面（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总结：效率特别高