前端+AI的结合

摘要： Day 25：AI 对话前端体验与产品设计（和你现在的 AIChat 强相关） 学习目标 梳理 AI 聊天类产品的典型交互/状态流 掌握 流式回答、滚动、错误/中断等关键 UX 设计要点 能 针对你现有 AIChat 组件列一份明确的 UX 改进清单 核心知识点 1. 聊天页信息架构 基本区域：顶部 阅读全文

摘要： Day 24：RAG 评估与自动化测试（防回归） 学习目标 理解 为什么 RAG 需要“可重复评估”，而不只是主观感觉 掌握 简单的问答评估思路（准确率/覆盖率/主观评分） 会做 一套轻量的「基准集 + 脚本」来防止后续改动引入回归 核心知识点 评估维度 准确性：回答是否包含标准答案关键点 覆盖度： 阅读全文

摘要： Day 23：RAG 答案生成与引用标注（减少幻觉） 学习目标 掌握 基于检索结果的「约束式回答」策略（尽量只用文档内容作答） 会做 引用标注（类似 [1][2]），能回溯到具体文档片段 理解 常见幻觉类型，并用 Prompt/后处理做基本防护 核心知识点 1. 约束式回答（Answer from 阅读全文

摘要： Day 22：RAG 检索优化（Chunking / 压缩 / 混合检索） 一、学习目标 掌握 文本切片策略（chunkSize / overlap / 语义边界） 理解 上下文压缩、Multi-Vector 检索的作用与场景 会设计 简单的 Hybrid Search（向量 + 关键词混合打分） 阅读全文

摘要： Day 21：LangChain 高级特性（LCEL + Structured Output） 学习目标 掌握 LangChain Expression Language（LCEL）基础用法 会用 RunnableSequence / RunnableParallel 组合链路 了解 结构化输出（S 阅读全文

摘要： ## 关键代码位置 | 功能 | 文件位置 | 行数范围 | |-----|---------|---------| | 发送消息 | `index.tsx` | 1198-1420 | | 流式请求 | `index.tsx` | 477-1067 | | 逐字显示 | `index.tsx` | 628-757 | | Markdown 渲染 | `index.tsx` | 388-461 | | 滚动优化 | `index.tsx` | 1095-1194 | | 样式定义 | `index.scss` | 516-661 | 阅读全文

摘要： Day 20: 项目总结与知识体系梳理 学习目标 项目总结复盘 知识体系梳理 技能评估 后续学习规划 实战项目完善 核心学习内容 1. 20 天学习回顾 学习路径： Week 1 (Day 1-5): 基础入门 ├── AI 基础概念 ├── Node.js 环境 ├── API 调用 ├── 流式 阅读全文

摘要： Day 19: 性能优化与大规模应用 - 生产级实践 学习目标 深入性能优化 大规模应用架构 监控和运维 最佳实践总结 生产级部署 核心学习内容 1. 性能优化策略 优化维度： Token 优化：减少 Token 使用 响应速度：缓存、并发 成本控制：模型选择、批量处理 用户体验：流式响应、预加载 阅读全文

摘要： Day 18: 实际应用场景 - AI 应用实战 学习目标 理解 AI 应用实际场景 实现典型应用案例 性能优化实践 最佳实践总结 项目实战 核心学习内容 1. 典型应用场景 常见场景： 智能客服：自动回答用户问题 代码助手：代码生成、审查、优化 文档助手：文档生成、问答、总结 数据分析：数据查询、 阅读全文

摘要： Day 17: LangChain Agents 深入 - 多 Agent 协作 学习目标 深入理解 LangChain Agents 实现多 Agent 协作 优化工具链 实现复杂 Agent 系统 实际应用场景 核心学习内容 1. LangChain Agents 类型 Agent 类型： Ze 阅读全文