https://blog.shenzjd.com 前端技术博客 - 面试题、学习笔记、AI探索 zh-CN Wed, 01 Jul 2026 11:00:10 GMT https://blog.shenzjd.com/09.AI/100.Agent学习笔记/12.OutputParser实战智能录入和流式Cursor.html https://blog.shenzjd.com/09.AI/100.Agent学习笔记/12.OutputParser实战智能录入和流式Cursor.html Thu, 18 Jun 2026 00:00:00 GMT 两个实战：1）智能录入——用 withStructuredOutput 从无规则文本提取结构化数据，批量插入 MySQL；2）流式版 mini cursor——用 AIMessageChunk.concat() 拼接流式 chunk，JsonOutputToolsParser 增量解析 toolcallchunks，Map 记录已打印长度实现逐字打印效果。withStructuredOutput 底层有三种机制：tool、jsonschema、outputparser，平时直接用 withStructuredOutput 就行。 https://blog.shenzjd.com/09.AI/100.Agent学习笔记/11.结构化输出OutputParser和Tool.html https://blog.shenzjd.com/09.AI/100.Agent学习笔记/11.结构化输出OutputParser和Tool.html Wed, 17 Jun 2026 00:00:00 GMT 大模型默认输出自然语言，但经常需要结构化 JSON。两种方式：Output Parser（在 prompt 加格式说明 + 解析响应）和 Tool Call（绑定工具 schema，模型返回结构化 args）。推荐用 withStructuredOutput(schema)，它底层自动选最可靠的方案（大多用 tool call）。两个不适合的场景：流式打印（需要 Output Parser 的 stream + parse）和非 JSON 格式（XML/YAML 用 XMLOutputParser）。Tool Call 的流式可以通过 toolcallchunks 实现逐字打印。 https://blog.shenzjd.com/09.AI/100.Agent学习笔记/10.Memory管理三大策略.html https://blog.shenzjd.com/09.AI/100.Agent学习笔记/10.Memory管理三大策略.html Tue, 16 Jun 2026 00:00:00 GMT 大模型是无状态的，每次调用独立，不记得之前聊过什么。Memory 管理就是让它"记住"。三种策略：截断（按条数或 token 数去掉旧消息）、总结（用 LLM 生成摘要替代旧消息）、检索（存入 Milvus 向量数据库，用 RAG 检索相关历史对话）。存储层有 InMemoryChatMessageHistory（短时记忆）和 FileSystemChatMessageHistory（长时记忆/持久化）。Cursor 和 Claude Code 就是用总结策略——达到 token 限制自动触发总结。之前的 memory API 已废弃，现在直接自己实现。 https://blog.shenzjd.com/09.AI/100.Agent学习笔记/09.Milvus加RAG实战电子书语义检索.html https://blog.shenzjd.com/09.AI/100.Agent学习笔记/09.Milvus加RAG实战电子书语义检索.html Mon, 15 Jun 2026 00:00:00 GMT 综合实战：用 EPubLoader 加载 .epub 电子书（按章节拆分），RecursiveCharacterTextSplitter 再把每章分成 500 字符的 chunk，嵌入模型向量化后存入 Milvus。查询时 query 向量化做余弦相似度匹配，拿到相关片段当上下文，调用大模型生成回答。关键词搜索做不到的事，语义检索可以。这就是 RAG 的完整流程：Loader → Splitter → Embedding → Milvus → 检索 → LLM 生成。后面还可以和 MySQL 联动，通过 bookid 关联查出更多元数据。 https://blog.shenzjd.com/09.AI/100.Agent学习笔记/08.Milvus向量数据库.html https://blog.shenzjd.com/09.AI/100.Agent学习笔记/08.Milvus向量数据库.html Sun, 14 Jun 2026 00:00:00 GMT 之前 RAG 用的是内存向量数据库，实际 AI Agent 产品都用 Milvus 这种专业向量数据库。就像 Web 应用用 MySQL 存数据，AI Agent 应用用 Milvus 存知识和记忆。Milvus 支持向量字段，用余弦相似度做语义检索，这是 MySQL 做不到的。核心流程：Docker 部署 Milvus → 创建 Collection（定义 Schema + 向量索引）→ 插入数据时用嵌入模型向量化 → 检索时 query 向量化做相似度匹配 → 结合 RAG 给大模型当上下文。增删改查都走 SDK，删除不需要向量化。 https://blog.shenzjd.com/09.AI/100.Agent学习笔记/07.LangChain全部Splitter.html https://blog.shenzjd.com/09.AI/100.Agent学习笔记/07.LangChain全部Splitter.html Sat, 13 Jun 2026 00:00:00 GMT LangChain 的 Splitter 有三大类：CharacterTextSplitter（单分隔符基础分割）、RecursiveCharacterTextSplitter（多分隔符递归分割，最常用）、TokenTextSplitter（按 token 数严格分割）。绝大多数场景直接用 RecursiveCharacterTextSplitter 就够了，它支持多分隔符递归尝试、代码分割（fromLanguage）、自定义长度函数（可按 token 计数），功能最全面且能保证语义完整。overlap 只在文本被打断时才加，不是每个 chunk 都有。 https://blog.shenzjd.com/09.AI/100.Agent学习笔记/06.RAG的Loader和Splitter.html https://blog.shenzjd.com/09.AI/100.Agent学习笔记/06.RAG的Loader和Splitter.html Fri, 12 Jun 2026 00:00:00 GMT 上节 RAG 我们是手动创建 Document 对象来存入向量数据库的，但实际知识来源多种多样：Word、PDF、网页、YouTube、X 推文等。所以需要 Loader 从各种来源加载文档，加载后的文档可能很大，还需要 Splitter 分割成小块再向量化。Loader 在 @langchain/community 包下，有 180+ 种；Splitter 在 @langchain/textsplitters 包下。我们用 CheerioWebBaseLoader 加载网页文章，用 RecursiveCharacterTextSplitter 分割，然后走完 RAG 检索生成流程。 https://blog.shenzjd.com/09.AI/100.Agent学习笔记/05.RAG-把文档向量化实现语义搜索.html https://blog.shenzjd.com/09.AI/100.Agent学习笔记/05.RAG-把文档向量化实现语义搜索.html Tue, 09 Jun 2026 00:39:59 GMT 大模型训练完后，知识就不再更新了，它没法知道最新的一些信息，以及一些非互联网上公开的信息。所以对于它不知道的东西，会胡乱回答，也就是幻觉问题。解决这个问题的方式就是 RAG。RAG 是检索、增强、生成，会基于用户的 query 去检索知识库，拿到相关文档后放到 Prompt 里增强它，之后给大大模型来生成回答。检索肯定是要语义检索，但是关键词检索做不到这点，我们需要用向量来做，通过嵌入模型把知识向量化，这样就可以通过向量的余弦相似度（也就是夹角大小）来计算出两个知识的相关性，从而根据用户的 query 查询出相关的文档。我们基于 LangChain 写了 RAG 的代码：fromDocuments api 基于 embeddings 模型把文档向量化存入数据库。asRetriever 指定查询相似度最大的几个文档。similaritySearchWithScore 相似度评分retriever.invoke 来查询文档。只要你理解了 RAG 的流程，这些 api 自然也就会用了。 https://blog.shenzjd.com/09.AI/100.Agent学习笔记/04.MCP-可跨进程调用的Tool.html https://blog.shenzjd.com/09.AI/100.Agent学习笔记/04.MCP-可跨进程调用的Tool.html Mon, 08 Jun 2026 23:48:26 GMT 之前写的 Tool 都是同一个进程里的函数，没法跨进程调用。比如 Python 写的 Agent 想调用 Node.js 写的 Tool 就不行。 https://blog.shenzjd.com/09.AI/100.Agent学习笔记/03.实现mini-cursor.html https://blog.shenzjd.com/09.AI/100.Agent学习笔记/03.实现mini-cursor.html Mon, 08 Jun 2026 23:15:19 GMT 上节只加了读文件的 Tool，如果把写文件、执行命令、列目录都加上，不就能做 Cursor 的事了？ https://blog.shenzjd.com/09.AI/100.Agent学习笔记/02.Tool-让大模型调用工具.html https://blog.shenzjd.com/09.AI/100.Agent学习笔记/02.Tool-让大模型调用工具.html Mon, 08 Jun 2026 22:44:47 GMT 大模型只能告诉你怎么做，不能帮你做。Cursor 能直接读写文件、跑命令，靠的就是 Tool。 https://blog.shenzjd.com/09.AI/100.Agent学习笔记/01.AI-Agent开发要学什么.html https://blog.shenzjd.com/09.AI/100.Agent学习笔记/01.AI-Agent开发要学什么.html Mon, 08 Jun 2026 22:43:56 GMT 大模型很强，但它有几个硬伤： https://blog.shenzjd.com/20.笔记/00.工作笔记/07.isr-cache-debug.html https://blog.shenzjd.com/20.笔记/00.工作笔记/07.isr-cache-debug.html Thu, 28 May 2026 22:17:08 GMT 通过域名访问 telegramdigest.shenzjd.com 显示旧版 4 卡片布局，但通过 IP 直接访问显示新版 2 卡片布局。Vercel 部署正常，Docker 自部署有问题。 https://blog.shenzjd.com/09.AI/10.AI团队搭建总结.html https://blog.shenzjd.com/09.AI/10.AI团队搭建总结.html Mon, 02 Mar 2026 22:28:50 GMT > 搭建日期：2026-03-02 > 目标：在飞书构建完整的一人公司AI开发团队 https://blog.shenzjd.com/20.笔记/00.工作笔记/06.git合并冲突.html https://blog.shenzjd.com/20.笔记/00.工作笔记/06.git合并冲突.html Fri, 09 Jan 2026 11:35:41 GMT 开发的时候总是有人反向合并，但是那个人却感觉他没合并错误，查找之后发现是 gitlab 的锅，也就是 gitlab 线上合并会导致把 dev 分支的代码拉回到特性分支 https://blog.shenzjd.com/20.笔记/00.工作笔记/05.如果AI设计的界面不好看，可以试试下面的提示词.html https://blog.shenzjd.com/20.笔记/00.工作笔记/05.如果AI设计的界面不好看，可以试试下面的提示词.html Thu, 09 Oct 2025 15:34:34 GMT 你是那种让人又爱又恨的设计师 - 偏执、挑剔、永不妥协，但作品总是令人震撼。 https://blog.shenzjd.com/10.面试题/100.一面/10.HTTP网络请求.html https://blog.shenzjd.com/10.面试题/100.一面/10.HTTP网络请求.html Sun, 08 Dec 2024 19:36:11 GMT HTTPS 使用 TLS/SSL 协议进行加密，主要包含以下步骤： https://blog.shenzjd.com/20.笔记/00.工作笔记/04.Code Review.html https://blog.shenzjd.com/20.笔记/00.工作笔记/04.Code Review.html Mon, 14 Oct 2024 11:15:40 GMT 1、核心 UI 组件代码：涉及到核心用户界面和交互的代码必须进行 Code Review，因为这些代码直接影响用户体验的质量和稳定性。 https://blog.shenzjd.com/31.服务器/02.ComfyUI.html https://blog.shenzjd.com/31.服务器/02.ComfyUI.html Fri, 11 Oct 2024 21:40:24 GMT - - - - - https://blog.shenzjd.com/20.笔记/00.工作笔记/03.vscode插件开发.html https://blog.shenzjd.com/20.笔记/00.工作笔记/03.vscode插件开发.html Sat, 24 Aug 2024 15:41:19 GMT shell pnpm i -g yo generate-code https://blog.shenzjd.com/20.笔记/00.工作笔记/00.多语言.html https://blog.shenzjd.com/20.笔记/00.工作笔记/00.多语言.html Sun, 18 Aug 2024 21:38:09 GMT 自动扫描项目全部汉字，一键在线翻译，意见拆分语言文件，分分钟实现国际化。 https://blog.shenzjd.com/31.服务器/01.Stirling-PDF.html https://blog.shenzjd.com/31.服务器/01.Stirling-PDF.html Sun, 11 Aug 2024 09:52:02 GMT 由于你懂得原因，docker镜像没办法直接拉去了，所以找了个网友的 https://blog.shenzjd.com/10.面试题/40.Vue/05.路由传参params和query的区别.html https://blog.shenzjd.com/10.面试题/40.Vue/05.路由传参params和query的区别.html Sun, 18 Feb 2024 14:07:44 GMT 在使用params传参数的时候，路由表没有配置动态路由的话，params传参刷新页面会导致参数丢失。 https://blog.shenzjd.com/20.笔记/00.工作笔记/01.虚拟列表.html https://blog.shenzjd.com/20.笔记/00.工作笔记/01.虚拟列表.html Thu, 24 Aug 2023 09:52:20 GMT vue {{ item }} https://blog.shenzjd.com/31.服务器/60.好玩的docker.html https://blog.shenzjd.com/31.服务器/60.好玩的docker.html Mon, 04 Jul 2022 23:36:35 GMT 1、Watchtower – 自动更新 Docker 镜像与容器-教程； https://blog.shenzjd.com/20.笔记/80.Web3/10.我的第一个NFT.html https://blog.shenzjd.com/20.笔记/80.Web3/10.我的第一个NFT.html Sun, 03 Jul 2022 23:35:03 GMT > 欢迎来到《我的第一个 NFT》 https://blog.shenzjd.com/10.面试题/50.面试真题/10.海外迅雷.html https://blog.shenzjd.com/10.面试题/50.面试真题/10.海外迅雷.html Wed, 01 Jun 2022 10:40:21 GMT 发现一个规律：只要不让我开视频，面试基本都挂。开了视频的，面试成功率就高很多。 https://blog.shenzjd.com/10.面试题/30.JavaScript/80.隔离沙箱.html https://blog.shenzjd.com/10.面试题/30.JavaScript/80.隔离沙箱.html Tue, 31 May 2022 17:51:00 GMT 在微前端领域当中，沙箱是很重要的一件事情。像微前端框架 single-spa 没有实现 js 沙箱，我们在构建大型微前端应用的时候，很容易造成一些变量的冲突，对应用的可靠性面临巨大的风险。在微前端当中，有一些全局对象在所有的应用中需要共享，如 document,location,等对象。子应用开发的过程中可能是多个团队在做，很难约束他们使用全局变量。有些页面可能会有多个不同的子应用，需要我们支持多沙箱，每个沙箱需要有加载，卸载，在恢复的能力。 https://blog.shenzjd.com/20.笔记/70.前端优化/10.字体优化.html https://blog.shenzjd.com/20.笔记/70.前端优化/10.字体优化.html Tue, 31 May 2022 16:54:44 GMT 字体好几兆，根本用不完，怎么优化 https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/9.风格指南.html https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/9.风格指南.html Sun, 29 May 2022 17:24:03 GMT - 1 优先级 A 的规则必要的(规避错误) - 2.1 优先级 B 的规则强烈推荐(增强代码可读性) - 2.2 优先级 B 的规则强烈推荐(增强代码可读性) - 3.1 优先级 C 的规则推荐(将选择和认知成本最小化) - 3.2 组件实例选项的顺序 - 4 优先级 D https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/8.无障碍.html https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/8.无障碍.html Sun, 29 May 2022 17:21:35 GMT - 1 基础 - 2 语义 - 3 标准 - 4 资源 https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/7.规模化.html https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/7.规模化.html Sun, 29 May 2022 17:19:15 GMT - 1 Vue 的路由 - 2 状态管理 - 3 SSR 服务端渲染 https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/6.工具.html https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/6.工具.html Sun, 29 May 2022 17:15:53 GMT - 1 单文件组件 - 2 测试 - 3.1 TS 支持 1 - 3.2 TS 支持 2 - 4 移动端 - 5 生产环境部署 https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/5.高阶指南.html https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/5.高阶指南.html Sun, 29 May 2022 17:11:17 GMT - 1.1 深入响应性原理 - 1.2 响应性基础 - 1.3.1 计算属性 - 1.3.2 watchEffect - 1.3.3 watch - 2 底层渲染机制和优化 - 3 Vue2 中的更改检测警告 https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/4.可复用&组合.html https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/4.可复用&组合.html Sun, 29 May 2022 17:01:02 GMT - 1.1 组合式 API 介绍 - 1.2 setup 函数 - 1.3 生命周期钩子 - 1.4 Provide 和 Inject - 1.5 模板引用 template-refs - 2 Mixin - 3 自定义指令 - 4 Teleport 组件 - 5.1 渲染函数 1 - 5.2 渲染函数 2（用原生 JS 代替模板功能） - 5.3 渲染函数 3 - 6 Vue 插件 https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/3.过渡和动画.html https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/3.过渡和动画.html Sun, 29 May 2022 16:54:04 GMT - 1 过渡和动画概述 - 2 基于 class 和 style 的过渡和动画 - 3 单元素单组件的过渡 - 4 多元素多组件的过渡 - 5 列表过渡 - 6 状态过渡 https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/2.深入组件.html https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/2.深入组件.html Sun, 29 May 2022 16:48:11 GMT - 1 注册组件 - 2 组件 Props - 3 非属性特性 - 4 自定义事件 - 5 插槽 slot - 6 依赖注入：Provide 和 Inject - 7 动态组件和异步组件 - 8 模板引用和控制更新 https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/1.基础.html https://blog.shenzjd.com/20.笔记/15.思维导图/01.vue/1.基础.html Sun, 29 May 2022 16:36:10 GMT - 1 应用实例和组件实例 - 2 模板语法 - 3 配置选项 - 4 计算属性和监听器 - 5 绑定 class 和 style - 6 条件渲染 - 7 列表渲染 v-for - 8 事件处理 - 9 v-model 及其修饰符 - 10 组件的基本使用 https://blog.shenzjd.com/10.面试题/50.面试真题/09.商米科技.html https://blog.shenzjd.com/10.面试题/50.面试真题/09.商米科技.html Wed, 25 May 2022 22:15:30 GMT 很简单的题，换了种方式，就被绕进去了。 https://blog.shenzjd.com/10.面试题/80.前端工程化/10.前端提交规范commitlint.html https://blog.shenzjd.com/10.面试题/80.前端工程化/10.前端提交规范commitlint.html Wed, 18 May 2022 09:45:06 GMT 在我们团队协作开发时，如果每个人的 git 的 commit 提交规范都不一样，最后的代码 review 或看 git 的 log 提交记录时就是一团乱，今天我们用 commit + husky 实现 git 提交规范化，保证错误的 commit 信息不能提交成功。 https://blog.shenzjd.com/10.面试题/1.面试突击/8.复习题.html https://blog.shenzjd.com/10.面试题/1.面试突击/8.复习题.html Thu, 21 Apr 2022 11:20:21 GMT 【腾讯文档】8、第八部分：复习篇(54 题). https://blog.shenzjd.com/10.面试题/1.面试突击/7.综合问题.html https://blog.shenzjd.com/10.面试题/1.面试突击/7.综合问题.html Thu, 21 Apr 2022 11:19:13 GMT 【腾讯文档】7、第七部分：综合问题版(125 题). https://blog.shenzjd.com/10.面试题/1.面试突击/6.精简题.html https://blog.shenzjd.com/10.面试题/1.面试突击/6.精简题.html Thu, 21 Apr 2022 11:18:27 GMT 【腾讯文档】6、第六部分：精简版(26 题). https://blog.shenzjd.com/10.面试题/1.面试突击/5.高频考点.html https://blog.shenzjd.com/10.面试题/1.面试突击/5.高频考点.html Thu, 21 Apr 2022 11:17:26 GMT 【腾讯文档】5、第五部分：高频考点(37 题). https://blog.shenzjd.com/10.面试题/1.面试突击/4.计算机基础.html https://blog.shenzjd.com/10.面试题/1.面试突击/4.计算机基础.html Thu, 21 Apr 2022 11:16:34 GMT 【腾讯文档】4、第四部分：计算机基础(14 题). https://blog.shenzjd.com/10.面试题/1.面试突击/3.高级篇.html https://blog.shenzjd.com/10.面试题/1.面试突击/3.高级篇.html Thu, 21 Apr 2022 11:09:01 GMT 【腾讯文档】3、第三部分：高级篇(91 题). https://blog.shenzjd.com/10.面试题/1.面试突击/2.进阶篇.html https://blog.shenzjd.com/10.面试题/1.面试突击/2.进阶篇.html Thu, 21 Apr 2022 11:00:19 GMT 【腾讯文档】2、第二部分：进阶篇(30 题). https://blog.shenzjd.com/31.服务器/100.收藏夹/04.收藏的一些API.html https://blog.shenzjd.com/31.服务器/100.收藏夹/04.收藏的一些API.html Sun, 10 Apr 2022 10:56:41 GMT https://blog.shenzjd.com/10.面试题/5.复习指导/20.前端博客.html https://blog.shenzjd.com/10.面试题/5.复习指导/20.前端博客.html Sun, 03 Apr 2022 14:04:55 GMT ::: cardList https://blog.shenzjd.com/31.服务器/40.搭建x-ui免流服务器(已失效).html https://blog.shenzjd.com/31.服务器/40.搭建x-ui免流服务器(已失效).html Wed, 30 Mar 2022 20:15:59 GMT 替换好内核以后重启 x-ui