来未来科技前端实习面经

话说过年期间晚会上那几个火出圈的机器人，大家看了么？看着它们在台上蹦跶的样子，不知道你们咋想，反正我觉得挺诡异得，跟看被电的尸体没啥区别。但上帝归上帝，诡异归诡异，目前不得不承认的一件事是，整个社会的资金正在疯狂往这个方向流。不只是机器人，AI 的气氛也已经开始在全社会蔓延。我一个朋友，今年就活脱脱体验了一把。 元宵一过，老板把他叫去谈话，说公司打算把前端岗位撤掉，准备尝试 用 AI + 少量开发人员替代。受这个启发吧，开年第一篇，搞一点小思考，也算是给未来发几张 “预言牌” ，过几年再回来看看自己到底说对了几张。我先确定三个基调作前提，如果各位看的觉得不爽，或者觉得我这基调定的就是错的，那没...

1.自我介绍2. 在 React-Playground 这个项目中遇到什么难点？3. 如何做到实时转译的？4. 用的什么沙箱？（说了 iframe，面试官说 iframe 不是沙箱🤔）5. useMemo 和 React.memo 的用法和区别是什么？6. React.memo 的缓存什么时候决定它要不要刷新？缓存的判断时机是什么？缓存刷新的时机是什么？（我说拿上一次的 props 和这次的新 props 来判断） 怎么自定义 Props？7. React 的 Fiber 有了解过吗？（我说把 React 渲染变成“可中断、可恢复、可插队”的异步任务，解决老版 React 渲染阻塞的问题） 那它是通过什么方式解决的呢？（我说把递归改成循环遍历）8. useEffect 怎么使用？9. 如何在 dom 树上获取一个 dom？（我说用 useRef） 怎么使用 useRef？ getElementById() 有用过吗？（面试官说想听我回答 getElementById() 或者 getElementByClass()）10. CSS 怎么去做一个动画？（我说用 transition 或者 @keyframes） 如果有一个菜单，它从 100px 移动到 300px，用动态变长，怎么用 CSS 实现？（我说用 transition） transition 用什么属性？（过渡方程 transition: height 0.3s ease;）11. 输入 URL 到按下回车键，这中间发生了什么东西？12. 大公司的网址不止一个 IP （比如淘宝），那 DNS 解析怎么路由到具体的某一台 IP 呢？13. vite 和 webpack 有什么区别？各自的优缺点分别是？14.手撕代码--判断两个矩形是否相交？15.如果加上旋转角度怎么判断相交？

性能优化一般会怎么做？JWT是什么？项目里为什么要用JWT去生成双Token而不是单Token？搭建过这个Node和Express，你了解过除了Express的其他一些Node的后端框架吗？Vue2和Vue3的区别？Vue2和Vue3有什么设计理念的变化？Vue和React有什么区别呢？项目里的大文件上传和断点续传，你觉得实现这个功能的最大难点是什么？Webpack有什么问题？Vite和Webpack的异同点？有哪些模块化的形式？项目里一般会用哪个？手撕题：手写一个batchFetch函数，要求请求分批发送出去，返回所有的响应。为啥还没出结果，焦虑焦虑焦虑。接好运！！！

面试时间：4.17下午2点 时长30min面试官比较平淡，基本都是开放问题，以及一些对ai的看法，无手撕1. 自我介绍2. 如何学习前端，选择前端的契机3. 学习与项目中遇到bug的解决方式4. 学习前端中印象深刻的问题5. 项目中遇到的未解决问题及最终处理方案6. 是否搭建过Node服务、操作过数据库7. 介绍AI对话项目中的流式响应实现8. SSE与WebSocket的区别9. 流式返回不完整Markdown时如何正常渲染10. 本地持久化为何选择localStorage11. localStorage、sessionStorage、cookie的适用场景12. 介绍大模型参数temperature、top_k、top_p的作用13. 项目中做代码分割、按需加载的原因14. 代码分割是否越细越好，判断标准是什么15. 通用后台管理系统与AI对话项目的技术选型差异16. 后端为何选择Express框架17. AI发展下前端扮演的角色18. 未来是否还会有前端岗位19. AI时代下个人前端学习路线规划20. 如何突破初级程序员，应对AI冲击21. 如何与老员工合作推进项目22. 请教问题的频率与尺度如何把握23. 反问