前端开发工程师一面面经

应该是8.21面的 1. 是从什么时候开始接触前端开发的？ 2. 为什么会选择前端作为后续的方向？ 3. 你做的这些项目是练习项目还是真实项目？ 4. 介绍一下"武理小精灵"项目是做什么的？ 5. 这个项目是小程序还是网页端？服务器部署在哪里？用户对话信息保存在哪里？ 6. 流式输出过程中，如何保证性能？对话列表内容过长时，新token回来如何渲染？会不会影响之前已渲染的内容？ 7. 渲染内容包括哪些格式？是富文本、多模态还是纯文字？ 8. useMemo如何解决重新渲染问题？新token和原内容是如何结合的？ 9. 你做分块的依据是什么？ 10. 历史对话列表的格式是怎样的？ 11. 返回内容是纯文本还是支持Markdown？SSE流式输出如何处理分隔符？ 12. Markdown中需要封闭的标签（如链接、图片）在流式输出时，若闭合标签未返回，页面上展示什么？ 13. 补齐闭合标签的策略是什么？哪些情况需要补齐，哪些不需要？ 14. 如果原内容中本身就包含这些特殊字符（如#、*），具体处理逻辑是什么？ 15. 超链接和图片这类Markdown元素如何处理补齐问题？ 16. 有没有观察过主流AI对话网页端（如ChatGPT）是如何处理这类问题的？ 17. 你的Agent相关实现目前是什么程度？有做记忆吗？ 18. 可视化页面搭建平台是低代码平台吗？介绍一下JSON Schema的结构设计。 19. Schema如何描述页面上元素之间的关系和定位布局？ 20. 为什么从树形结构改为扁平数组？扁平数组如何表达父子关系？ 21. 扁平数组在选中组件时时间复杂度为O(1)，树形结构为何更慢？ 22. 点击页面元素时拿不到当前节点的ID吗？为什么需要从父组件开始查找？ 23. 有没有别的方式解决树形结构的查找问题？ 24. 两个项目都是用Vue做的吗？ 25. FPS帧率是如何监听的？ 26. 浏览器和JS的异步策略是什么？事件循环是如何工作的？ 27. 微任务和宏任务分别有哪些？ 28. 为什么会有事件循环机制？ 29. 对AI Agent了解哪些？基本概念和常用工程策略有哪些？ 30. Agent架构分为哪些层（模型层、Harness等）？Harness包含哪些子层？ 31. 工具层如何规范Agent调用的工具？如何执行工具并返回结果？ 32. 记忆层如何区分长期记忆和短期记忆？长期记忆如何实现？ 33. 规划层有哪些范式？ReAct和Plan and Execute分别是什么？ 34. 观测层的作用是什么？如何观测并解决Agent循环调用或卡死的问题？ 35. 观测到问题后如何解决？比如限制工具调用次数或token阈值？ 36. 浏览器缓存机制是什么？强缓存和协商缓存分别是什么？ 37. 强缓存中Expires和Cache-Control的区别？优先级如何？ 38. 协商缓存的请求头和响应头字段有哪些？Etag和Last-Modified的区别和优先级？ 39. 算法题：最长连续序列长度（要求O(n)时间复杂度）。 40.反问。 面试体验还可以，面试官问的题都蛮不错的，算法题这道是第一次做，不过用几分钟也写出来了，面完没后续了，挂。