- 博客(148)
- 收藏
- 关注
RSS订阅
原创 LangGraph 入门教程：从邮件审核工作流说起
本文介绍了如何使用LangGraph构建带人工审核的邮件工作流。通过三个核心节点（生成草稿、人工审核、发送邮件）和条件分支，实现了邮件草稿的生成、审核与循环修改功能。文章详细讲解了状态管理、节点函数实现、图结构连接等关键概念，并提供了完整的代码示例。该工作流可扩展应用于内容审核、合同审批等需要人工干预的业务场景。
2026-06-03 11:42:07
691
原创 基于LangChain v1.x RAG技术系列（上篇）-从零搭建与混合检索
本文介绍了RAG（检索增强生成）技术的基本原理与实现方法。RAG通过结合外部知识检索与大语言模型生成能力，解决了LLM的知识时效性和幻觉问题。文章详细讲解了从零搭建RAG系统的完整流程，包括文档加载、文本分割、向量嵌入、向量存储、检索召回和增强生成等核心环节。同时提供了环境配置指南和代码示例，展示了如何使用LangChain框架实现基础RAG功能，并强调了文档清洗和参数调优的重要性。该技术可有效提升大模型回答的准确性和时效性。
2026-05-21 16:05:09
1164
原创 LangChain v1.2 Text-to-SQL 实战：从入门到生产级部署
本文基于 LangChain v1.2 生态，系统讲解如何构建一个生产可用的 Text-to-SQL 智能代理，涵盖基础用法、RAG 增强检索、混合检索 + 重排序等完整演进路径，并汇总了实际开发中容易踩到的坑。简单来说，Text-to-SQL（文本到SQL） 就是让 AI 把日常的自然语言问题，自动转换成可以查询数据库的 SQL 语句。比如，你问：“上个月销售额最高的5款产品是什么？LIMIT 5;
2026-05-21 15:57:56
1250
原创 【 LangChain v1.2 入门系列教程】【一】开篇入门 | 从零开始，跑通你的第一个 AI Agent
本文是LangChain v1.2入门系列教程的开篇，主要介绍如何从零开始搭建AI Agent开发环境并实现基础功能。文章首先概述了LangChain框架的特点和v1.0版本后的改进，然后详细讲解了开发环境准备步骤，包括Python版本要求、虚拟环境搭建（推荐使用pipenv）以及依赖包安装配置。针对国内开发者，推荐使用硅基流动或阿里百炼等免翻墙的大模型平台，并提供了API Key获取指南。最后通过代码示例演示了四种模型调用方式
2026-04-13 10:30:39
1773
原创 全栈进化论：从Koa脚手架到AI融合实战的年度技术破局
本文介绍了一个基于Koa.js构建的后端服务脚手架项目【pixle-koa-template】。该项目提供完整的MVC架构、用户认证、文件上传等核心功能，采用模块化设计便于扩展维护。文章详细说明了项目特性、下载方式（npm/git）、环境要求、安装配置步骤（包括数据库和Redis设置）、项目结构以及启动方法。该脚手架适合前端开发者快速构建全栈应用，集成JWT认证、Redis缓存等功能，帮助开发者向全栈工程师方向进阶。并以ai朋友圈助手小程序为实战案例讲解全栈开发过程。
2025-12-30 15:01:09
12415
4
原创 从零学习Node.js框架Koa 【一】 Koa 初探从环境搭建到第一个应用程序
本文介绍了Node.js框架Koa的特点和优势，适合新手作为全栈开发的入门选择。Koa具有轻量自由、洋葱模型中间件和Async/Await三大核心特点，相比Express和NestJS更适合中小型项目和API服务开发。文章详细演示了从环境准备到第一个Koa应用的创建过程，包括初始化项目、安装依赖、编写启动代码以及配置热更新功能。通过实践指导读者快速搭建支持热更新的基础Koa项目，为后续深入学习中间件、路由等核心机制奠定基础。
2025-11-10 14:53:26
2162
原创 别再用 loading 动画了！骨架屏实战手册：原理 + Vue3 三种优雅实现方式
骨架屏：提升Web加载体验的关键技术 摘要 骨架屏是一种优化Web加载体验的技术，通过在内容加载前显示与最终页面结构相似的灰色占位区域，显著提升用户等待体验。本文首先分析了骨架屏相比传统加载方式的优势，其核心原理是通过轻量UI元素模拟页面结构，并在内容就绪后切换显示。重点介绍了两种工程化实现方案：1）全局CSS类方案，定义骨架屏基础样式；2）SCSS混入方案，支持动态参数配置。通过代码示例展示了如何实现带光影动画的骨架屏效果，并讨论了内容切换控制逻辑。实践表明，合理使用骨架屏可使页面加载感知时间提升40%以
2025-08-12 10:17:27
2497
原创 Vue3 组合式 API 进阶：深入解析 customRef 的设计哲学与实战技巧
Vue 3 的 customRef 是一个强大的响应式 API，允许开发者自定义 ref 的行为，控制依赖追踪和更新触发时机。本文详细介绍了 customRef 的核心概念、使用场景及实际应用，特别适合需要防抖、节流或复杂状态管理的开发场景。通过示例代码展示了如何实现防抖搜索输入框、窗口大小调整处理和表单验证等常见功能，帮助开发者提升应用性能。customRef 在与外部系统集成或实现高级状态管理时尤为有用，为 Vue 3 开发提供了更灵活的响应式控制能力。
2025-07-02 15:04:55
2181
原创 前端 EventSource（SSE）实时通信使用指南（EventSource-polyfill）
EventSource作为HTML5标准中的服务器推送技术，提供了轻量级实时通信解决方案。文章解析了其单向通信、自动重连等特性，对比了轮询、WebSocket等技术差异，列举了实时通知、数据监控等典型应用场景。详细介绍了EventSource API使用方式，包括连接管理、事件监听、自定义事件处理等核心功能，并针对无法设置请求头的限制，提出了URL参数、Cookie认证和代理层三种替代方案。文章还强调了指数退避重连策略的重要性，为开发者提供了完整的EventSource实践指南。
2025-06-16 15:00:00
6242
2
原创 微信小程序开发支付提示“违规“？发货信息录入接入指南
微信小程序平台近期更新了运营规范，要求所有实物电商类小程序必须接入微信订单管理系统，以确保交易安全和提升用户体验。商家需在小程序后台进行订单和发货信息管理，用户可通过微信服务通知了解物流状态并确认收货。接入方式包括使用微信后台自带的订单管理系统或通过API接入自有系统。接入后，商家需调用相关API进行发货信息录入、订单状态查询、确认收货提醒等操作，并确保资金在用户确认收货前处于冻结状态。本文详细介绍了订单发货管理功能、接入前的准备工作、发货信息录入的两种方式以及相关API的使用方法，帮助开发者顺利接入微信订
2025-05-19 10:29:06
6655
33
原创 Vue3 Echarts 3D饼图（3D环形图）实现讲解附带源码
本文介绍了如何利用 ECharts 和 echarts-gl 插件实现 3D 饼图和 3D 环形图。首先，准备工作包括引入 ECharts 核心库和 echarts-gl 插件，支持通过 CDN 或 npm 安装。3D 饼图的实现原理主要依赖于 echarts-gl 插件，通过自定义曲面图、三维折线图和三维散点图分别绘制饼图主体、指示线和标签。文章详细解析了 echarts-gl 插件的常用配置项，如 grid3D 和 series，并重点介绍了曲面图的参数方程（parametricEquation）
2025-05-12 15:00:33
9080
9
原创 Three.js 快速入门教程【一】开启你的 3D Web 开发之旅
通过本篇教程，我们认识了什么是Three.js和Three.js应用场景，共同探索了Three.js的核心概念与基础用法。从构建场景（Scene）、相机（Camera）到渲染器（Renderer）的"铁三角"架构，再到几何体（Geometry）、材质（Material）与网格（Mesh）的有机结合，至此你已经了解并掌握了创建最基础三维场景的核心工具链。更多three.js入门知识点请关注该系列教程后续的更新。
2025-02-19 15:20:41
4572
原创 【组件封装】vue3移动端手把手教你封装一个带动画和吸顶的 下拉菜单组件（DropdownMenu）
手把手教你封装一个移动端 下拉菜单组件（DropdownMenu），以uniapp vue3为代码示例。
2024-11-25 14:57:27
2853
9
原创 HarmonyOS Next 组件或页面之间的所有通信（传参）方法总结
本文总结了鸿蒙中常用的组件或页面之间参数传递方法，包括父子组件，子孙组件，兄弟组件，互不相关的组件（页面）和页面路由跳转的参数传递以及父子组件方法互调等。
2024-11-13 16:44:47
3801
原创 vue3实现一个无缝衔接、滚动平滑的列表自动滚屏效果，支持鼠标移入停止移出滚动
列表自动滚屏效果常见于大屏开发场景中，本文将讲解用vue3实现一个无缝衔接、滚动平滑的列表自动滚屏效果，并支持鼠标移入停止滚动、移出自动滚动。
2024-11-07 14:02:28
8361
9
原创 【鸿蒙】HarmonyOS NEXT开发快速入门教程之ArkTS语法装饰器（上）
HarmonyOS NEXT（鸿蒙应用）开发快速入门教程ArkTS语法之装饰器篇，基于HarmonyOS NEXT Beta1版本（api 12）讲解。本文将从前端开发者角度来理解和学习每个语法点，通过举例HarmonyOS NEXT和web端两种领域类似语法的使用，帮助前端开发人员快速入门HarmonyOS NEXT。在每个装饰器讲解上把同一个功能分别用ArkTs和vue 2种代码进行演示，使其更深刻理解每个装饰器的作用，在类比中学习记忆达到无缝衔接。
2024-09-19 09:52:28
2324
原创 HarmonyOS Next 系列之列表下拉刷新和触底加载更多数据实现（十一）
HarmonyOS Next（基于API12）实现下拉刷新和上拉触底加载更多功能实现讲解。
2024-08-15 10:19:02
5557
2
原创 HarmonyOS Next系列之地图组件（Map Kit）使用（九）
HarmonyOS Next（基于API12）自带地图Map Kit使用——本文将讲述如何通过手动生成签名证书、申请地图权限、地图展示和地图常用功能示例讲解。
2024-07-22 10:11:51
6223
27
原创 HarmonyOS Next系列之Echarts图表组件（折线图、柱状图、饼图等)实现（八）
HarmonyOS Next（基于API11）实现Echarts图表组件（折线图、柱状图、饼图等)。
2024-07-03 09:33:11
7989
19
原创 Web Serial API串口通信，实现web和electron扫码枪读取数据
本文将讲述Web Serial API简单应用，以扫码枪为示例，通过代码实现web端读取扫码枪扫码内容。
2024-02-23 16:26:10
9998
16
原创 一文读懂vue+scss实现主题换肤功能
web实现主题换肤方案有很多种，例如css变量、动态加载样式文件、js变量。目前流行工程化开发自然少不了css预处理（less/scss）方案，这也是目前在脚手架项目中比较流行实现方案。less/scss实现主题换肤本质就是动态切换节点某个变量，这个变量可以是HTML标签属性值也可以是类名，这个变量位置既可以是最顶层也可以是需要换肤地方（子节点）。变量如果是类名的话需要设置一个独一无二的名称，这个我们无法保证后面开发一不小心类名被重复了特别是团队协同开发，所以更好的选择变量是属性值。//顶层方案。
2024-01-26 15:08:44
5294
1
原创 electron+vite+vue3 快速入门教程
本文将介绍electron基本使用和构建electron+vite+vue3脚手架开发项目electron框架对web开发人员来说非常友好，无须了解原生开发技能，就能通过web技术进行桌面应用开发，大大减少学习成本，一套代码能快速构建生成多端应用，也大幅减少了开发成本。简言之，electron开发可以看成是桌面功能开发+纯web页面开发，桌面功能开发在主进程调用Electron API，而web页面开发就是html，css，js技术栈。
2024-01-17 14:45:52
7403
7
原创 web端播放rtsp视频流（摄像头监控视频）教程及window下开机自启动部署
像海康大华一些摄像头或者直播源 为rtsp视频流，想在web上播放必须进行协议转换。已知一些方案例如rtsp转rtmp需要flash，现在浏览器基本不支持flash。还有转hls或者flv这些延迟都比较高。经过实践对比比较理想方案是 经转码后视频流通过websocket传送给客户端在将视频流解码成图片通过canvas渲染出来，延迟比较小基本在1s以内。所用工具(插件)为ffmpeg+node（node-rtsp-stream）+jsmpeg。
2024-01-09 15:06:17
11277
41
原创 express+mongoDB开发入门教程之mongoose使用讲解
本文将讲述Mongoose的入门开发教程，以及通过一些示例演示对mongoDB数据库的增删改查操作。
2024-01-03 16:19:55
2811
2
原创 uniapp H5、小程序、APP端自定义不同运行环境（开发、测试、生产）、自定义条件编译平台、以及动态修改manifest.json值讲解
企业项目开发流程上一般都要配置多个运行环境（不同的服务器请求地址）。不同环境有不同用途，主要用于区分开发、测试、上线，对应的环境称为开发环境、测试环境、生产环境。实际开发中经常要在不同环境进行联调或者打包，对于uniapp每次都要手动修改服务请求地址很是麻烦，有什么方法能实现按需运行按需打包呢，答案是——自定义条件编译平台HBuildex默认编译平台例如有H5端、小程序端、APP端,像小程序端细分还有微信小程序，钉钉小程序等，不同编译平台我们可以用条件编译来指定特殊代码运行在哪种平台上。
2023-11-24 16:30:52
8591
原创 web JS高德地图标点、点聚合、自定义图标、自定义窗体信息、换肤等功能实现和高复用性组件封装教程
本文将讲述如何利用高德地图JS API实现地图标点、聚合点、自定义图标、点击窗体信息展示等基本功能实现，结合实际项目中遇到场景需求进行演示聚合点自定义样式通过设置renderClusterMarker字段配置渲染函数，并在渲染函数中通过dom操作生成样式节点插入聚合点父节点上//聚合点实例renderClusterMarker:renderClusterMarker,//自定义样式渲染});//渲染函数//自定义图标背景//聚合个数。
2023-08-18 21:47:30
9324
11
原创 vue移动端手把手教你封装一个可移动悬浮窗、可移动打开扇形悬浮按钮组件
本文将手把手教你封装一个可移动的悬浮框组件，利用悬浮窗在进阶封装一个可展开可移动的扇形悬浮按钮组件。本案例将以移动端为背景采用uniapp技术实现一个三端（H5、小程序、APP）通用的悬浮组件。
2023-06-18 17:49:26
8243
1
原创 uniapp APP端在线升级功能实现讲解——强制或可选升级，下载进度显示
本文主要讲述uniapp APP在线升级功能实现，并用代码演示包括强制升级、可选升级、下载进度显示、下载自动安装等功能，示例代码已经过测试可结合实际开发场景做调整直接引入使用
2023-06-16 15:20:33
23186
82
原创 LangGraph 进阶：Send 并发执行——从串行到并行
本文介绍了LangGraph中的Send并发执行机制，通过翻译工作流示例展示了其核心用法。文章首先通过串行与并行翻译的对比引出问题，随后详细解析了翻译工作流的流程图解、状态定义中reducer的关键作用、三个核心节点函数的设计，重点阐述了Send机制如何通过返回Send列表实现多路并发调度。Send机制允许向同一节点并发派发不同数据，配合reducer实现结果自动合并，避免了传统多线程开发的复杂性。文中包含完整可运行的代码示例，适用于langgraph≥1.2.2版本。
2026-06-03 11:44:48
547
原创 LangGraph 进阶：人工审核与中断机制详解
LangGraph中断机制详解：订单审核工作流实践 本文深入讲解LangGraph的中断机制，通过订单审核工作流演示如何实现人工审核的异步处理。核心要点： 中断机制原理：interrupt()不同于普通阻塞，它会序列化当前状态到checkpoint，释放控制权，支持后续恢复执行 订单审核流程：包含处理订单和人工审核两个节点，审核节点通过interrupt()暂停流程 关键组件： MemorySaver：内存型checkpointer（生产环境可用数据库替代） thread_id：区分不同审核流程的标识符 两
2026-06-03 11:43:47
635
原创 基于LangChain v1.x RAG技术系列（下篇）-企业级RAG落地实战
本文介绍了生产级Agentic RAG系统的实现方案，重点解决了传统单步RAG的局限性。文章首先分析了前八版单步RAG存在的四个主要短板：无法自我纠正检索结果、缺乏质量判断机制、难以处理复杂问题以及无法区分闲聊与知识问答。随后详细阐述了第九版Agentic RAG的架构设计，包括从Chroma向量数据库升级到生产级的PGVector数据库，以及使用LangGraph状态图编排自主检索循环。系统通过查询分析、多查询并行检索、自省评估等步骤实现"思考-行动-观察"的循环机制，最多进行3轮检索以确保效率。该方案显
2026-05-21 16:12:45
564
原创 基于LangChain v1.x RAG技术系列（中篇）-父子文档与重排序
本文介绍了提升RAG系统检索质量的三大核心技术：父子文档索引、重排序和多格式文档加载。针对文档分块粒度问题，提出父子文档方案，使用小块(512字符)进行精准检索，大块(1500字符)提供完整上下文。为解决排序可靠性问题，引入重排序模型对候选结果二次筛选。此外，通过多格式文档加载打破单源数据限制。文章详细讲解了RedisDocstore适配器实现、双分割器配置策略以及ParentDocumentRetriever的工作原理，展示了如何构建"小块检索+大块返回"的混合检索系统，有效解决了语义聚焦与上下文完整性的
2026-05-21 16:07:06
610
原创 【 LangChain v1.2 入门系列教程】【七】中间件——给 Agent 装上“外挂“
本文介绍了LangChain v1.2中间件的核心概念与应用。中间件提供了一种无侵入式扩展Agent能力的方案，通过标准化生命周期钩子（如before_model、wrap_tool_call等）实现功能扩展。文章详细阐述了中间件的注册方式、执行顺序，并给出动态切换模型的示例，展示如何根据用户等级选择不同模型。通过中间件机制，开发者可以灵活实现日志、校验、重试等功能，提升Agent的可维护性和扩展性。
2026-05-06 10:17:55
743
原创 四款国产大模型激辩2026NBA季后赛：一场AutoGen多智能体实验全记录
摘要：本文介绍如何利用微软AutoGen多智能体框架，让Qwen、DeepSeek、Kimi、GLM四款国产大模型分别扮演球评人、战术师、数据帝和直觉派角色，共同推演2026年NBA季后赛。通过多轮自由辩论，从首轮开始逐步分析晋级路径，最终预测总冠军归属。文章包含AutoGen框架简介、实战代码示例以及季后赛对阵数据，展示了AI如何模拟专业篮球评论员的思维碰撞过程。（149字）
2026-04-26 00:17:24
701
原创 【 LangChain v1.2 入门系列教程】【六】流式输出， 让 Agent 告别“想好了再说”
本文介绍了LangChain v1.2中的流式输出功能，重点讲解了其在提升AI交互体验方面的核心价值。文章首先对比了流式输出在不同场景下的应用优势，然后详细展示了基础LLM调用的同步和异步流式实现方法。针对Agent场景，深入解析了v2统一流格式和五种流模式（updates、messages、custom、values、debug）的特点及适用场景，并通过多模式组合的实战案例演示了如何实时观察工具调用全过程。该功能通过消除等待延迟，使AI交互更加自然流畅，适用于从开发调试到生产环境的全流程需求。
2026-04-13 10:41:48
1675
原创 【 LangChain v1.2 入门系列教程】【五】记忆管理，让 Agent 记住对话
本文介绍了LangChain v1.2版本中全新的记忆管理机制。主要内容包括： 记忆机制重构：采用Checkpointer状态管理，对话历史作为Agent状态自动持久化 记忆分类：分为短期记忆（单次对话）和长期记忆（跨会话） 核心机制：通过thread_id实现多用户会话隔离，不同thread_id完全独立 实操演示： 使用InMemorySaver实现短期记忆 通过thread_id区分不同用户对话 手动读取和操作记忆数据 生产建议：使用"用户ID+会话ID"作为thread_id确保
2026-04-13 10:40:57
1067
原创 【 LangChain v1.2 入门系列教程】【四】结构化输出，让 Agent 返回可预测的结构
LangChain v1.2 结构化输出实践指南 本文详细介绍了LangChain v1.2中实现AI Agent结构化输出的方法。通过response_format参数，开发者可以控制Agent返回JSON、Pydantic模型等标准数据格式，解决自然语言解析难题。文章重点讲解了三种输出策略：自动选择（推荐）、ToolStrategy（兼容性强）和ProviderStrategy（原生支持）。同时展示了四种Schema定义方式，推荐使用功能完善的Pydantic模型或轻量级的Dataclass。实战示例演
2026-04-13 10:39:55
757
原创 【 LangChain v1.2 入门系列教程】【三】工具（Tools）开发，让 Agent 连接外部世界
本文介绍了LangChain v1.2中工具(Tools)开发的核心概念与方法。工具作为Agent连接外部世界的关键，通过@tool装饰器可将普通Python函数转换为Agent可用的工具。文章详细讲解了参数类型注解、工具重命名、描述覆盖等技巧，并重点介绍了ToolRuntime的运行环境注入功能，使工具能访问State、Context和Store三类核心信息。通过示例代码展示了如何创建库存查询、邮件发送等实用工具，帮助开发者快速掌握LangChain工具开发的核心技能。
2026-04-13 10:38:57
1169
原创 【 LangChain v1.2 入门系列教程】【二】消息类型与提示词工程
本文摘要介绍了LangChain v1.2入门系列教程中关于消息类型与提示词工程的内容。文章详细讲解了LangChain的4种核心消息类型（SystemMessage、HumanMessage、AIMessage、ToolMessage）及其作用，并通过代码示例展示了如何手动构建消息列表和使用llm.invoke()、agent.invoke()方法传入消息历史。重点说明了SystemMessage在定义AI角色和行为规则方面的重要性，以及不同调用方式下消息格式的处理差异，为开发者提供了构建稳定可控对话的基
2026-04-13 10:37:54
847
uniapp vue3 自定义下拉刷新组件pullRefresh，带释放刷新状态、更新时间、加载动画
2024-11-26
uniapp vue3 下拉菜单组件（dropdownMenu）
2024-11-23
web端播放rtsp/rtmp视频流demo
2024-04-02
微信小程序隐私协议引入组件demo
2023-09-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人