最近有人面过涂鸦智能前端么？

有人去过apm研发岗的嘛投了简历让我去线下面试呢…

第一次前端面试， 也是很好的面试官一面（2025.7.29 40min）项目类1. 你做的这两个项目有没有什么难点？讲一讲2. 你用到了Monorepo架构，简单介绍一下3. 聊一下你的AI对话项目JS基础类4. 箭头函数和普通函数有什么区别？5. JS的继承是什么东西，有哪些方式来实现继承？6. JS有哪些数据类型？7. undefined和null有什么区别？8. 函数柯里化是一个什么概念？9. 函数式编程是什么概念？TS类10. 你学TS主要是怎么学的？11. TS里的工具类型，你了解过哪些？框架/组件类12. 层层嵌套的组件树，如何从最里面往外传消息，保证每一层父组件都能收到？场景类13. 一个表单点击提交，如何防止重复点击？14. 你怎么提升代码质量？怎么写出好维护的代码？CSS类15. CSS里的高斯模糊是怎么用的？当场offer

1. 智能数据分析管理系统◦ 前端：React/Vue3 + TypeScript 搭建，实现数据可视化（ECharts/Chart.js）、权限路由、表单校验；◦ AI 亮点：集成 ChatGPT API 做数据洞察，自动生成分析报告；或用 TensorFlow.js 实现前端本地数据预测（如用户行为趋势）。2. 智能文档管理系统◦ 前端：实现文件上传/预览/分类、拖拽排序、断点续传；◦ AI 亮点：接入 OCR 接口（如百度AI）提取文档文本，再用大模型做关键词提取、内容摘要、相似文档推荐。3. 智能客服工单管理系统◦ 前端：工单CRUD、状态流转、实时通知（WebSocket）；◦ AI 亮点：内置智能客服机器人，自动识别工单问题分类、优先级，减轻人工处理成本。简历加分关键点• 突出前端工程化：Vue3 + Vite + Pinia/React + Umi + Redux Toolkit、ESLint + Prettier、Mock 数据；• 强调AI 集成细节：接口调用逻辑、跨域处理、前端 AI 模型轻量化部署（如 TensorFlow.js 离线运行）；• 量化成果：如“支持 10 万级数据渲染不卡顿”“AI 分类准确率达 92%”。项目能同时覆盖前端基础、工程化、AI 应用三大核心考察点，面试时可从技术选型、性能优化、AI 落地难点多维度展开。

1. 自我介绍2. 挑一个项目，讲讲担任了什么角色，难点3. webworker是什么样的技术？能做哪些东西？webworker的局限性有哪些，webworker能否访问全局变量，能否访问DOM？为什么？4. 为什么JS要被设计成单线程语言？5. transformer是否有了解？6. 现在的有些大模型是如何训练去实现多模态能力，识别图片/视频中的内容/动作？7. 实现流式输出的具体前端代码细节，怎么代码层实现的一个个字出来（考虑性能和展示）8. SSE原生支持重连重试吗？9. 现在相比SSE用多的更多是流式API，为什么?10. 了解过SSE和WebSocket的区别吗？11. websocket是基于http吗?http如何转换成websocket？12. 什么样的设计模式去设计状态管理?zustand内部底层如何实现的？13. vue和react的区别？14. react16和react18，甚至更高的区别，改进？15. react fiber有了解吗？16. fiber切片成一个一个的单元是否可中断的？真正页面渲染的时候react机制能够中断？为什么？17. react 虚拟DOM，虚拟DOM的本质是什么？虚拟DOM是DOM吗?18. 开发过一些自定义的组件吗？一个好的组件要被设计成什么样？19. 有了解jsx在不同版本上的区别吗？20. 了解哪些hooks？hooks的本质？或者说hook的数据被保留下来了？为什么hook不能在循环和条件中使用呢？21. 实现一个div的水平垂直居中有多少种方法？22. 场景题：写了html写一个translate无限循环动画，动画还在流畅执行的原因是什么？23. 浏览器是如何渲染页面的？可以从浏览器拿到html开始24. 什么情况会阻塞DOM树的构建呢？25. JS闭包有了解吗？26. 一道js作用域输出题，怎么输出，输出原因？27. 手写防抖节流和深拷贝28. 反问鼠鼠真被面麻木了😭