自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(246)
  • 收藏
  • 关注

原创 RAG 优化实战:检索精准度提升全方案

本文针对RAG系统检索精准度问题,提出了一套完整的优化方案。分析了检索不准的三大核心原因、重点介绍了查询改写技术。

2026-06-15 14:00:54 347

原创 从零到一!前端搭建本地轻量化 RAG 问答系统

本文介绍了一个本地轻量化RAG(检索增强生成)问答系统的搭建过程。该系统支持多格式文档上传(TXT/MD/PDF/CSV),具备文档自动处理、语义检索与问答功能。

2026-06-11 15:11:25 539

原创 RAG 实战:语义检索 + 大模型生成精准问答

本文介绍了RAG(检索增强生成)系统的核心原理和实现方法。主要内容包括: 语义检索与关键词检索的区别、RAG系统流程、检索结果优化、提示词设计等。

2026-06-10 10:43:45 206

原创 RAG 核心:向量嵌入与本地向量数据库实战

本文介绍了向量嵌入(Embedding)技术及其在语义搜索中的应用,包括: 向量嵌入原理、向量距离计算、与传统数据库对比等。

2026-06-09 14:33:35 354

原创 RAG 关键环节:文本分块策略与最优参数配置

RAG系统中的文本分块策略对检索精度、生成质量和Token成本有重要影响。本文分析了三种主流分块方法: 固定分块、递归分块、语义分块。

2026-06-09 14:12:30 314

原创 RAG 第一步:多格式文档加载与文本预处理实战

本文介绍了RAG(检索增强生成)系统中文档预处理的关键作用与实践方法。主要内容包括: 文档预处理的重要性、预处理核心目标等。

2026-06-08 15:17:56 445

原创 RAG 入门:检索增强生成核心原理

RAG:检索增强生成技术,通过结合检索与生成能力,有效解决大模型的知识局限问题。其核心原理是:先检索相关文档,再将检索结果作为上下文输入大模型生成答案,类似于"开卷考试"。

2026-06-06 09:30:00 388

原创 实战!前端开发完整 LangChain AI 智能体(附源码)

这篇文章介绍了一个完整的前端开发AI助手的实现方案,基于LangChain构建智能体系统。主要内容包括: 集成对话记忆、工具调用、决策规划等核心功能模块的技术实现。

2026-06-06 07:30:00 1027

原创 LangGraph 入门:AI Agent 工作流可视化编排

LangGraph 是针对复杂 AI Agent 工作流设计的有向图编排引擎,解决了传统线性链式调用(Chain)在分支处理、循环能力和状态管理上的局限性。

2026-06-05 14:44:28 154

原创 LangChain Agent 优化:提升智能体决策准确率

本文针对LangChain Agent在生产环境中的常见问题(决策错误、工具调用不精准、流程卡顿、记忆失效),提出双维度优化方案:提示词优化HE模型参数调整。

2026-06-05 14:28:36 312

原创 AI Agent 入门:从零实现 LangChain 基础智能体

本文介绍了AI Agent的基本概念和实现方法,它通过"思考-行动-观察"的循环机制完成任务,以及ReAct工作模式。

2026-06-04 14:50:06 323

原创 LangChain 自定义 Tool 封装:打造专属 AI 能力工具集

本文介绍了LangChain中自定义Tool的封装方法,包括: 自定义Tool的必要性、Tool核心原理、开发规范等。

2026-06-04 14:13:23 357

原创 LangChain Memory 详解:实现 AI 连续对话不丢失上下文

本文深入解析 LangChain 的 Memory 机制,解决大模型无状态导致的上下文断裂问题,LangChain Memory 作为"记忆中枢",通过存储管理、上下文构建和状态更新,实现连续对话。

2026-06-03 14:41:59 432

原创 LangChain Function Call 实战:让 AI 调用自定义工具

本文介绍了LangChain Function Call的实战应用,重点讲解了如何让AI调用自定义工具。

2026-06-03 14:19:13 612

原创 LangChain 核心:Chain 链式调用实现复杂 AI 任务

LangChain 的核心 Chain 链式调用功能通过将多个 AI 组件串联,实现了复杂任务的自动化处理。Chain 的价值在于任务解耦、代码复用、流程可视化和错误隔离。

2026-06-02 15:16:14 342

原创 前端工程师进阶提示词工程实战

本文介绍了前端工程师如何通过提示词工程提升AI输出质量。核心内容包括优质提示词的四大原则、PromptTemplate的使用技巧,以及Few-Shot示例提示词实战和国内模型优化技巧。

2026-06-02 14:04:57 289

原创 LangChain JS 入门:快速搭建前端 AI 开发环境

本文介绍了如何使用LangChain JS框架快速搭建前端AI开发环境。主要内容包括:LangChain的核心价值,灵活组合功能,核心组件介绍 LLM/ChatModel模型层等。

2026-06-01 14:39:55 174

原创 阿里云百炼平台 API 接入教程(附 Node.js + TypeScript 实战)

本文介绍了如何接入阿里云百炼平台的API,并获取免费额度,并详细讲解了注册流程、API Key获取、额度查询,并提供了Node.js+TypeScript的初始化示例代码。

2026-06-01 14:08:38 391

原创 LangChain Agents 实战:构建智能文件管理助手

本文介绍了如何使用LangChain Agents构建智能文件管理助手,对比了四种Agent类型,并提供了选择建议。

2026-04-03 14:12:43 901

原创 LangChain Tools 和 Toolkits:封装第一个工具集

本文介绍了如何使用LangChain Tools封装工具集,解决AI开发中的常见问题。LangChain通过标准化接口和Zod验证实现了统一处理。文章详细讲解了DynamicTool和DynamicStructuredTool的使用方法,重点阐述了Zod Schema的参数验证规则,以及如何编写有效的工具描述。

2026-04-03 10:53:37 556

原创 LangChain.js 初探:从手写代码到框架思维

本文介绍了LangChain.js框架的核心价值和应用场景。通过对比手写代码和框架使用,展示了LangChain在减少重复代码、提升开发效率方面的优势。

2026-04-02 09:18:58 765

原创 复杂任务拆解:让 AI 像项目经理一样思考

文章详细阐述了任务拆解的五个策略模式(顺序、并行、条件、循环、聚合拆解)和四种Prompt技术(显式要求、模板化、Few-shot示例、思维链引导),通过任务拆解可显著提升AI的执行成功率和可解释性。

2026-04-02 09:15:22 257

原创 ReAct模式理论:让AI学会“思考-行动-观察”

ReAct模式是一种让AI通过"思考-行动-观察"循环自主解决问题的方法。相比传统固定流程的Chain模式,ReAct具有动态决策、多轮推理、自我修正等优势。

2026-04-01 09:40:24 638

原创 错误处理与容错机制:让AI学会“从失败中学习”

本文探讨了AI系统中的错误处理与容错机制,通过对比有无错误处理的用户体验差异,强调其重要性。文章将常见错误分为五类(参数/业务/网络/权限/限流错误),并提出了结构化错误信息设计标准,使AI能够理解错误并采取行动。

2026-04-01 09:03:15 788

原创 Tool Schema 设计模式详解

AI工具调用的准确性取决于Tool Schema的设计质量。好的Schema设计能显著提升AI的理解和调用精度,而差的设计会导致频繁出错。

2026-03-31 09:15:51 636

原创 排列算法完全指南 - 从全排列到N皇后,一套模板搞定所有排列问题

本文系统讲解了排列算法的解题思路和通用模板,通过对比排列与组合的区别,总结出排列问题的核心特点:顺序不同即为不同结果。

2026-03-31 09:13:53 381

原创 Function Calling 解剖:从请求到响应的完整数据流

本文深入解析了Function Calling的底层机制,重点剖析了请求参数(tools和tool_choice)与响应结构(tool_calls)的设计逻辑。通过对比普通对话与Function Calling输出的差异,揭示了其本质是让AI输出结构化JSON而非自然语言。

2026-03-30 09:55:37 671

原创 《Vue3+TS+Vite 高效编程与优化实践》专栏收尾

本文回顾了《Vue3+TS+Vite高效编程与优化实践》专栏的技术要点,系统梳理了从Vue3核心原理到实战优化的完整知识体系。主要内容包括:Composition API与TS深度集成、组件化开发、网络层优化、运行时性能调优、Vite工程化配置、图片优化策略以及测试保障等。

2026-03-30 09:29:58 407

原创 终局之战:全链路性能体检与监控

本文介绍了构建全链路性能监控体系的关键方法:首先通过对比被动优化与主动监控的区别,强调了性能监控的重要性。接着详细说明了核心性能指标及其采集方法,如FCP、LCP、FID、CLS等。

2026-03-28 06:57:08 384

原创 案例分析:从“慢”到“快”,一个后台管理页面的优化全记录

本文通过多维度优化显著提升性能:网络层采用并行请求和缓存策略;构建层实现路由懒加载和按需引入组件;渲染层使用虚拟滚动和keep-alive示;运行时改进监听机制避免频繁请求。

2026-03-28 06:53:00 388

原创 案例分析:大屏可视化项目的卡顿排查与解决

本文分析了城市交通指挥中心大屏可视化项目的性能问题及解决方案,优化措施包括:复用ECharts实例、增量更新数据、关闭动画效果、实现LTTB算法降采样等。

2026-03-27 09:31:21 444

原创 案例分析:一个复杂表单的响应式性能优化

本文分析了金融后台系统中复杂表单的性能优化案例,优化方案包括:使用shallowRef替代ref减少响应式开销;将大表单拆分为多个子组件;优化数据结构与更新方式。

2026-03-27 09:28:24 589

原创 组件测试策略:测试 Props、事件和插槽

组件测试不是测试每一行代码,而是测试组件的行为是否符合预期。Props 是输入,事件是输出,插槽是扩展点。把握这三个核心,就能写出高效、可靠的组件测试。

2026-03-26 07:19:53 389

原创 Vue3 单元测试实战:从组合式函数到组件

测试不是为了 100% 覆盖率,而是为了重构时的信心。 代码是写给人看的,测试是写给未来的自己看的!

2026-03-26 07:13:57 525

原创 CDN图片服务与动态参数优化

CDN图片优化的核心是**"按需供给"**——不给任何设备加载它不需要的像素,不给任何网络传输它不需要的字节。通过动态参数、格式转换、智能预加载的组合,让图片资源真正做到"恰如其分"。

2026-03-25 09:24:38 807

原创 响应式图片的工程化实践:srcset 与 picture

用户可能不会注意到图片加载很快,但一定会注意到图片加载很慢。响应式图片优化,是对用户体验最深情的告白。

2026-03-25 09:22:12 375

原创 异步组件与 Suspense:如何优雅地处理加载状态并优化首屏加载?

异步组件与Suspense技术可以优雅地处理前端加载状态并优化首屏性能。通过defineAsyncComponent配置加载和错误组件,结合Suspense管理多个异步依赖,能显著改善用户体验。

2026-03-24 07:46:42 524

原创 初识Function Calling:让AI学会“调用工具”

Function Calling是AI从被动应答到主动执行的关键技术,通过结构化函数调用让AI具备实际操作能力。其核心流程包括:定义工具、AI返回工具调用请求、执行工具并返回结果、AI生成最终响应。

2026-03-24 07:38:41 1203

原创 Vue3 组件中的图片懒加载与渐进式加载

好的图片加载策略应该是无感知的。用户不会注意到图片是懒加载的,不会注意到有进度条,他们只会感觉页面"很快很流畅"。这才是优化的最高境界。

2026-03-23 09:41:37 654

原创 Vite 构建层面的图片优化:从压缩到转换

图片优化是投入产出比最高的性能优化手段。一个配置得当的 Vite 构建流程,可以在完全不改变开发体验的前提下,让图片加载耗时减少40-60%,首屏加载速度提升30%以上 。

2026-03-23 09:39:59 501

三次贝塞尔曲线动态图解 HTML 代码资源

一、资源简介 本资源为一段 HTML 代码,通过使用 HTML5 的 <canvas> 元素,以直观的方式展示了三次贝塞尔曲线的绘制过程。代码逻辑清晰,易于理解,无论是初学者学习贝塞尔曲线的原理,还是开发者在项目中需要使用到相关图形绘制功能,都具有一定的参考价值。 二、主要功能 1、绘制三次贝塞尔曲线:在 <canvas> 上成功绘制出一条三次贝塞尔曲线,通过定义明确的起始点、控制点C1、控制点C2和终点坐标,实现了曲线的精确绘制。 2、标注关键点:用红色实心圆清晰地标示出了三次贝塞尔曲线的起始点、控制点C1、控制点C2和终点,方便理解曲线与这些点的关系。 3、绘制辅助线:使用灰色线条绘制了从起始点到控制点、从控制点到终点的辅助线,进一步帮助直观地理解曲线的生成过程。 4、显示坐标信息:在图形上显示了起始点、控制点和终点的具体坐标,便于对曲线的参数设置和几何位置有更清晰的认识。 5、动态变更控制点C1和C2,让图解更加清晰。

2025-05-06

三次贝塞尔曲线静态图解 HTML 代码资源

一、资源简介 本资源为一段 HTML 代码,通过使用 HTML5 的 <canvas> 元素,以直观的方式展示了三次贝塞尔曲线的绘制过程。代码逻辑清晰,易于理解,无论是初学者学习贝塞尔曲线的原理,还是开发者在项目中需要使用到相关图形绘制功能,都具有一定的参考价值。 二、主要功能 1、绘制三次贝塞尔曲线:在 <canvas> 上成功绘制出一条三次贝塞尔曲线,通过定义明确的起始点、控制点C1、控制点C2和终点坐标,实现了曲线的精确绘制。 2、标注关键点:用红色实心圆清晰地标示出了三次贝塞尔曲线的起始点、控制点C1、控制点C2和终点,方便理解曲线与这些点的关系。 3、绘制辅助线:使用灰色线条绘制了从起始点到控制点、从控制点到终点的辅助线,进一步帮助直观地理解曲线的生成过程。 4、显示坐标信息:在图形上显示了起始点、控制点和终点的具体坐标,便于对曲线的参数设置和几何位置有更清晰的认识。

2025-05-06

二次贝塞尔曲线动态图解 HTML 代码资源

一、资源简介 本资源为一段 HTML 代码,通过使用 HTML5 的 <canvas> 元素,以直观的方式展示了二次贝塞尔曲线的绘制过程。代码逻辑清晰,易于理解,无论是初学者学习贝塞尔曲线的原理,还是开发者在项目中需要使用到相关图形绘制功能,都具有一定的参考价值。 二、主要功能 1、绘制二次贝塞尔曲线:在 <canvas> 上成功绘制出一条二次贝塞尔曲线,通过定义明确的起始点、控制点和终点坐标,实现了曲线的精确绘制。 2、标注关键点:用红色实心圆清晰地标示出了二次贝塞尔曲线的起始点、控制点和终点,方便理解曲线与这些点的关系。 3、绘制辅助线:使用灰色线条绘制了从起始点到控制点、从控制点到终点的辅助线,进一步帮助直观地理解曲线的生成过程。 4、显示坐标信息:在图形上显示了起始点、控制点和终点的具体坐标,便于对曲线的参数设置和几何位置有更清晰的认识。 5、动态变更控制点,让图解更加清晰。

2025-05-06

二次贝塞尔曲线静态图解 HTML 代码资源

一、资源简介 本资源为一段 HTML 代码,通过使用 HTML5 的 <canvas> 元素,以直观的方式展示了二次贝塞尔曲线的绘制过程。代码逻辑清晰,易于理解,无论是初学者学习贝塞尔曲线的原理,还是开发者在项目中需要使用到相关图形绘制功能,都具有一定的参考价值。 二、主要功能 1、绘制二次贝塞尔曲线:在 <canvas> 上成功绘制出一条二次贝塞尔曲线,通过定义明确的起始点、控制点和终点坐标,实现了曲线的精确绘制。 2、标注关键点:用红色实心圆清晰地标示出了二次贝塞尔曲线的起始点、控制点和终点,方便理解曲线与这些点的关系。 3、绘制辅助线:使用灰色线条绘制了从起始点到控制点、从控制点到终点的辅助线,进一步帮助直观地理解曲线的生成过程。 4、显示坐标信息:在图形上显示了起始点、控制点和终点的具体坐标,便于对曲线的参数设置和几何位置有更清晰的认识。

2025-05-06

CSS 元素动画篇:基于当前位置的变换动画完整源码及详解

核心亮点:纯 CSS 实现、相对位置动画、多场景适配、含详细注释 适用人群:前端开发者、CSS 爱好者、动画特效学习者 内容详情: 源码内容:包含基于 CSS实现的元素平移、旋转、缩放、透明等多种动画,所有动画均以元素当前位置为基准,避免绝对定位冲突。 技术要点:相对定位动画技巧、动画曲线优化、响应式适配方案、浏览器兼容性处理。 使用场景:适用于网页交互特效、按钮过渡、元素加载动画等场景。 附加价值:源码含详细注释,配套说明文档解析关键代码逻辑,助你快速上手。 注意事项:需基础 HTML/CSS 知识,建议使用 Chrome、Firefox 等现代浏览器测试。 作者声明:资源遵循 MIT 协议,可自由学习、修改和商用,请保留作者版权声明。

2025-05-03

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除