面试题：Vue 3 中的派生状态与响应式数据一致性
本题考察 Vue 响应式状态的设计，以及不同响应式 API 的适用场景。
文章
面试题学习大纲
以“前端工程师 -> AI 前端工程师 -> 具备 Go 服务端能力的 AI 全栈工程师”为主线组织学习和面试训练。
1 个阶段12 篇内容
按阶段顺序阅读这个专题。
01
前端强化与 AI 入门
校准前端能力，建立 React、Node.js、LLM 和 Go 的最低基础，产出一个安全调用模型、支持基础流式展示的前端小应用
面试题：LLM 上下文窗口与多轮对话超限
考察你对 Token、上下文窗口和多轮对话请求的基础理解，以及分析真实对话超限问题的能力。不要求掌握具体模型 SDK。考察你对 Token、上下文窗口和多轮对话请求的基础理解，以及分析真实对话超限问题的能力。不要求掌握具体模型 SDK。
文章
Vue 3 首屏白屏 3 秒：从性能定位到 Long Task、Web Worker 与虚拟列表
一次完整的 Vue 3 首屏性能面试复盘，从环境复现、Network 与 Performance 定位，逐步深入到 Long Task 分析、Web Worker 和虚拟列表的适用边界。
文章
Node.js BFF 中 AI 请求的取消、超时与流式错误处理
围绕“Vue 前端 → Node.js BFF → 上游模型”的完整请求链路，分析停止生成为什么没有真正取消模型请求，以及流式响应开始后如何传递错误、管理任务状态和释放资源。
文章
React 父组件更新为何会触发子组件重新渲染：React.memo 与对象引用
通过一个 React 父子组件示例，理解 state 更新、组件重新执行、React.memo 浅比较以及对象引用变化之间的关系。
文章
Cookie 登录接口中的 CSRF：同源策略、CORS、SameSite 与 CSRF Token
通过修改邮箱的跨站表单攻击，梳理 CSRF 的成立条件，解释为什么“读不到响应”不代表攻击失败，并比较 SameSite、CSRF Token、Origin 校验与限流的职责边界。
文章
Tool Calling 完整执行链路：从天气查询到前端状态设计
通过“查询深圳明天天气”的场景，梳理 Tool Calling 中模型、BFF、外部工具和前端的职责边界，并总结工具校验、结果回传、二次生成与 UI 状态设计。
文章
JavaScript 浅拷贝、深拷贝与 structuredClone：前端状态更新的正确方式
通过一道对象复制代码题，梳理 JavaScript 浅拷贝、JSON 深拷贝、structuredClone 和 transferable object 的边界，并解释 React 结构共享与 Vue 3 响应式更新的差异。
文章
从 Embedding 到带出处的知识库问答：最小 RAG 链路与面试复盘
围绕企业知识库问答，复盘从工具调用思路到理解文档分块、向量检索与正文关联的学习过程。结合真实作答与四轮点评，补全 Embedding、相似度、Prompt 组装、引用展示和无资料兜底的基础概念。
文章
Vue 3 编辑弹窗：草稿状态、取消重开与父子数据契约
以一个始终挂载的姓名编辑弹窗为场景，给出覆盖数据归属、保存取消、重开初始化和外部更新冲突的完整 Vue 3 解法。结合首次回答与递进补答，说明本地草稿、脏标记和版本校验各自解决的问题。
文章
LLM 工单提取：从 JSON 校验到歧义优先级的人工确认
模型返回合法 JSON，并不意味着字段符合约定，更不意味着内容忠实于原文。通过一道工单提取面试题及三轮补答，梳理 BFF 校验、有限重试、优先级歧义和前端确认流程。
文章
Vue 3 响应式解构：为什么替换 user 后出现“李四 / 王五”
通过一道 Vue 3 代码题，区分 reactive 对象解构、嵌套属性修改与对象替换的行为，并用 toRef 保持源属性关联。文章保留首次作答及追问补答，说明从误判到纠正的过程。
文章