- 博客(114)
- 收藏
- 关注
RSS订阅原创 AI Agent 架构设计与实践：React、Plan-Exec、Reflect 与混合模式(附开源代码)
本文围绕 AI Agent 开发中最常见的四种架构模式展开：React、Plan-Exec、Reflect 与混合模式。文章从 Agent 与传统聊天机器人的区别切入，系统分析了任务闭环、工具调用、规划执行、自我反思等核心机制，并结合流程图与代码示例说明不同模式的设计思路、优缺点及适用场景。对于初学者，可以借此建立对 Agent 系统的整体认知；对于已有实践经验的开发者，也能据此理解多步任务编排、质量校验与动态路由等工程化问题。本文力求在原理与实践之间取得平衡，帮助读者从“会调用模型”进一步走向“会设计可落
2026-04-16 10:00:00
264
原创 AI Skill系统两种架构方案：实现与总结(附开源代码)
本文介绍了两种Skill与Tool的交互方案。方案一采用检索式架构，先通过关键词/向量匹配筛选相关Skill，将其规则注入Prompt后让模型调用Tool执行任务。该方案实现简单、成本低，适合中小规模系统。方案二为高级架构，先提供Skill摘要目录让模型主动选择需要激活的Skill，通过特殊Tool调用激活后再注入详细规则，使Skill选择成为模型决策流程的一部分。两种方案都明确了Skill作为行为规则和工作流程指导，与真正执行动作的Tool之间的分工关系，为构建AI助手提供了清晰的实现路径。
2026-03-31 23:35:09
411
原创 AI Agent：从零构建生产级AI智能体脚手架的架构思考
AI-Agent-Node：生产级智能体脚手架 基于Node.js与LangChain构建的AI Agent开发框架，通过三层架构（Tools原子层/Skills组合层/Agent编排层）实现模块化解耦。核心创新包括： 双执行模式：智能切换ReAct（实时推理）与Plan+Exec（先规划后执行）模式，通过复杂度评估算法优化任务处理； 增强RAG知识库：支持多格式文档解析与动态检索策略，提升语义检索精度； 长期记忆系统：基于sessionId实现用户画像持久化与个性化服务； 生产级特性：容错熔断、资源隔离、
2026-03-29 18:22:29
559
1
原创 【Agent技术】 RAG 学习与优化：从“能跑”到“好用”的一套渐进式实践(附开源代码仓库)
本文系统介绍了RAG（检索增强生成）技术的优化路径。首先阐述了RAG的核心价值：通过"检索+生成"模式解决知识更新频繁、需要引用依据等场景问题。文章重点围绕检索链路优化，提出三条关键路径：数据源侧（智能分块、元数据增强）、输入侧（查询改写）和检索侧（混合检索）。特别强调智能分块应优先尊重文本自然结构（段落/句子），避免固定长度切片导致的语义割裂问题。最后分享了一个纯本地运行的简化版RAG实现方案，便于学习验证核心流程。全文聚焦如何提升RAG的检索相关性和召回完整性，为实际项目提供可落地的
2026-03-15 20:35:06
601
原创 AIChat聊天助手：把 AI 助手“嵌进”你的业务系统
AIChat聊天助手：一站式AI交互组件助力业务系统集成 摘要：AIChat聊天助手是一款专为企业业务系统设计的AI交互组件，提供悬浮球和固定面板两种形态，支持流式对话、上下文引用、消息回写等核心功能。该组件通过三层架构设计（展示层、会话编排层、连接器层）实现与业务系统的深度集成，支持SSE流式响应、多模态交互（语音/图片）、结构化消息呈现（卡片/轮播等）等特性。典型应用场景包括简历助手（上下文引用+表单回写）、编程助手（代码插入+参考链接展示）和内容生产（多模态交互），帮助企业快速实现"边做边问
2026-03-07 16:00:00
653
原创 前端自定义右键菜单与图片复制（兼容H5）
本文介绍了在PC端和H5端实现自定义右键菜单及图片加水印功能的完整方案。通过拦截contextmenu事件渲染自定义菜单，支持“复制图片并加水印”功能，兼容移动端的长按事件。水印功能基于Canvas实现，支持文本和图片水印，可自定义位置、大小和透明度。PC端使用Clipboard API复制图片，H5端降级为图片下载。代码结构清晰，便于扩展，满足不同浏览器的兼容性需求，提供流畅的用户体验。
2025-11-14 21:12:23
821
原创 HTML实时预览代码编辑器实现实战
本文介绍了一个简易HTML实时预览编辑器的实现过程。该编辑器支持多文件编辑（HTML/CSS/JS）、实时预览、本地存储和JS执行功能，适合前端开发初学者实践。关键技术包括：使用iframe的srcdoc属性实现实时预览、localStorage保存代码、防抖优化性能、iframe沙盒解决样式隔离问题等。文章详细讲解了核心功能设计、代码实现细节以及遇到的问题与解决方案，并提供了完整的Demo代码。这个项目既可作为学习前端开发的实践案例，也为后续功能扩展（如代码高亮、错误提示等）奠定了基础。
2025-09-29 09:08:30
1456
原创 Vue2实现AI聊天组件：从零构建智能对话界面
本文将通过完整代码示例，指导初学者使用Vue2实现一个具备**对话面板消息区分**和**流式响应效果**的AI聊天组件。我们将从基础组件搭建到高级交互效果实现，逐步拆解关键技术点
2025-09-27 10:33:36
1866
原创 Vue3项目中集成AI对话功能的实战经验分享
本文分享了在Vue3项目中集成ai-suspended-ball-chat组件的实战经验。该组件提供了悬浮球和独立面板两种模式，支持流式响应、图片识别、语音交互等功能。通过实际案例展示了其在客服系统和代码助手场景中的应用效果，显著提升了用户体验和开发效率。文章还提供了性能优化建议，如按需加载和请求节流，并总结了该组件的优点（配置简单、TypeScript支持完善）以及需要注意的兼容性和安全性问题。
2025-09-11 22:26:09
1105
原创 【干货推荐】AI助理前端UI组件-悬浮球组件
本文介绍了ai-suspended-ball-chat这一Vue组件，它通过悬浮球形式为非侵入式AI交互提供了优雅解决方案。该组件具备流式响应、多媒体支持（图片上传/语音输入播报）和智能历史记录管理等核心功能，支持教育、电商客服、企业知识库等多种应用场景。技术实现上采用响应式设计、TypeScript支持和性能优化，具有高度可配置性和开发友好性。其悬浮球设计理念特别适合需要保持用户主注意力的场景，为开发者提供了便捷的AI集成方案。
2025-09-06 08:56:22
1354
原创 AI简历制作网站：3分钟生成完美简历
可乐AI简历是一款免费的智能简历生成工具，针对传统简历制作的痛点提供了AI解决方案。该工具支持智能生成专业简历，提供精选模板库和双模式编辑（Markdown/在线），可根据目标岗位自动优化内容。特色功能包括云同步、多格式导出、AI优化建议等，特别适合技术人员使用。虽然工具功能强大，但作者提醒用户简历的核心仍是个人真实能力，建议结合AI辅助与手动调整，突出技术亮点和量化成果。该工具目前提供免费版，已能满足日常求职需求。
2025-08-31 13:38:23
1362
原创 免费web前端在线IDE推荐
ColaOnlineCoder是一款功能强大的免费在线前端代码编辑器，具有简洁直观的界面设计和流畅的操作体验。它支持HTML、CSS、JavaScript的实时编辑与预览，并提供LESS、SASS、TypeScript等前端语法的在线编译功能。该工具内置丰富的框架模板，包含Vue3、React、Angular等主流框架，可快速搭建项目。此外，还提供代码压缩混淆、智能提示、AI编程助手、快捷键支持等实用功能，并支持代码片段分享和iframe嵌入。这些特性使其成为前端开发者提高效率的理想工具，适合各种前端项目的
2025-06-12 08:59:14
779
原创 强烈推荐Web前端在线IDE(免费在线代码编辑器)
ColaOnlineCoder是一款功能强大的免费在线前端代码编辑器，提供简洁直观的界面设计和流畅的操作体验。支持HTML、CSS、JavaScript实时编辑与预览，并兼容LESS、SASS、TypeScript等前端语法编译。内置Vue3、React、Angular等主流框架模板，提供代码压缩混淆、智能提示和AI编程助手功能。通过丰富的快捷键支持和效果案例，显著提升开发效率。支持代码片段分享和iframe嵌入，方便协作与展示。该工具无需安装，浏览器访问即可使用，是前端开发的理想选择。
2025-06-12 08:57:44
1275
原创 AI简历制作工具推荐
文章介绍了一款名为“可乐AI简历”的免费工具，旨在帮助用户优化简历排版和内容，提升求职成功率。该工具提供了多种专业模板，支持自定义颜色和模块顺序，适合不同行业需求。编辑模式包括所见即所得、即时渲染和分屏预览，满足不同用户的操作习惯。此外，工具还具备AI智能优化功能，能根据岗位要求提供修改建议，并支持云同步和多设备编辑，方便用户随时修改简历。导出格式为PDF，兼容性良好。文章强调，虽然工具能提升简历的呈现效果，但简历内容本身仍是求职成功的关键。
2025-05-23 20:02:40
1456
原创 好用前端代码在线编辑器推荐
ColaOnlineCoder是一款专为前端开发者设计的免费在线代码编辑器，支持HTML、CSS、JavaScript等代码的在线编辑与实时预览，提供“所见即所得”的编程体验。它还支持LESS、SASS、TypeScript等前端语法的在线编译，内置多种主流前端框架模板，帮助开发者快速搭建项目。此外，ColaOnlineCoder提供代码压缩与混淆功能，保护源码安全并提升兼容性。其智能提示和AI编程助手功能进一步提升了编程效率与质量。界面简洁实用，易于上手，适合各类前端开发者使用。
2025-05-21 23:00:58
1461
原创 免费图片鉴黄合规检测服务分享
人工智能鉴黄是通过深度学习目标检测、图像分类、特征检索等技术对图像中的局部和全局信息进行分析，捕获不同类型的色情内容，此外系统还会通过OCR、标志识别、水印检测等技术手段协助判断隐藏在图像视频中的敏感内容，包括色情微信推广、色情APP、个人联系方式等。
2025-04-25 10:00:00
1407
1
原创 免费OCR图像识别文字识别API(V2版本)
自然场景文本识别的难度极高，原因包括：图片背景极为丰富，经常面临低亮度、低对比度、光照不均、透视变形和残缺遮挡等问题，而且文本的布局可能存在扭曲、褶皱、换向等问题，其中的文字也可能字体多样、字号字重颜色不一的问题。光学字符识别（Optical Character Recognition, OCR）是指对文本资料的图像文件进行分析识别处理，获取文字及版面信息的过程。亦即将图像中的文字进行识别，并以文本的形式返回。⚠️:该接口请求参数是。请求方式: POST。
2025-04-25 09:30:00
3636
原创 【干货】前端移动端调试技巧
在前端开发的过程中，调试可能是我们日常工作中最常用却又常被忽视的部分。一个高效的调试流程能够极大地减少我们解决问题的时间，同时提升代码的质量。本文将分享一些鲜为人知但非常实用的前端调试技巧，希望能对你的开发工作有所帮助。
2025-04-01 16:18:38
1206
1
原创 【干货】前端实现文件保存总结
在Web开发中，文件下载是常见的交互需求。本文将系统总结前端实现文件保存的三大核心场景（图片、文本、网页）及对应技术方案，帮助开发者根据具体需求选择最优解。方案类型推荐方案核心优势注意事项图片下载支持跨域，灵活可控需处理内存释放文本下载Blob直接下载原生实现，无依赖大文本建议使用流式处理网页保存服务端渲染方案支持复杂样式，输出质量高需要后端配合开发。
2025-03-31 09:30:00
1992
原创 【干货】前端实现文件保存总结
在Web开发中，文件下载是常见的交互需求。本文将系统总结前端实现文件保存的三大核心场景（图片、文本、网页）及对应技术方案，帮助开发者根据具体需求选择最优解。方案类型推荐方案核心优势注意事项图片下载支持跨域，灵活可控需处理内存释放文本下载Blob直接下载原生实现，无依赖大文本建议使用流式处理网页保存服务端渲染方案支持复杂样式，输出质量高需要后端配合开发。
2025-03-30 23:16:12
1032
原创 【AI提效工具推荐】智能AI搜索网站-提效神器
AI智能搜索平台，顾名思义，是一款集前沿AI技术与传统搜索功能于一体的智能搜索引擎。它摒弃了传统搜索工具的繁琐与局限，以用户为中心，利用先进的AI算法，让每一次搜索都变得更加精准、高效。
2024-11-24 00:44:43
713
3
原创 【AI提效工具推荐】智能AI搜索平台网站
AI智能搜索平台，顾名思义，是一款集前沿AI技术与传统搜索功能于一体的智能搜索引擎。它摒弃了传统搜索工具的繁琐与局限，以用户为中心，利用先进的AI算法，让每一次搜索都变得更加精准、高效。
2024-11-24 00:43:17
1582
原创 前端读取PDF和DOCX文件(干货分享)
前端读取PDF和DOCX文件内容的需求在现代Web应用中非常普遍。通过适当的JavaScript库或结合后端服务，我们可以有效实现这一功能。希望本文的内容能够对你的开发工作有所帮助。在Web开发中，前端页面往往需要处理各种类型的文件，特别是PDF和DOCX这类常见的文档格式。（后者虽然主要在Python中使用，但此处作为参考说明JavaScript库的选择和用法）。是一个纯JavaScript编写的库，适用于在浏览器端渲染PDF文件。对于PDF文件的读取，可以借助一些流行的JavaScript库，如。
2024-09-24 22:40:38
2388
原创 前端实现图片压缩干货分享
前文提要1. 使用HTML5的``元素2. 利用第三方库(推荐)3. gif图片压缩(拓展)注意事项⚠️⚠️文前推荐一下👉读取图片：使用FileReader或Image对象加载图片。绘制到：将图片绘制到上，通过调整的尺寸或绘图参数来控制压缩效果。导出图片：使用方法将内容转换为Base64编码的图片，或使用方法获取Blob对象，以便进一步处理或上传。
2024-09-03 10:00:00
1425
5
原创 前端实现图片压缩(干货总结)
前文提要1. 使用HTML5的``元素2. 利用第三方库(推荐)3. gif图片压缩(拓展)注意事项⚠️⚠️文前推荐一下👉读取图片：使用FileReader或Image对象加载图片。绘制到：将图片绘制到上，通过调整的尺寸或绘图参数来控制压缩效果。导出图片：使用方法将内容转换为Base64编码的图片，或使用方法获取Blob对象，以便进一步处理或上传。
2024-09-02 21:20:49
5712
原创 SSE请求多种实现方式总结(干货分享)
SSE（Server-Sent Events）是一种用于实现服务器主动向客户端推送数据的技术，也被称为“事件流”（Event Stream）。它基于 HTTP 协议，利用了其长连接特性，在客户端与服务器之间建立一条持久化连接，并通过这条连接实现服务器向客户端的实时数据推送。SSE 和 Socket 区别SSE（Server-Sent Events）和 WebSocket 都是实现服务器向客户端实时推送数据的技术，但它们在某些方面还是有一定的区别。适用于场景。
2024-08-21 09:30:00
4507
2
原创 SSE请求多种实现方式总结
SSE（Server-Sent Events）是一种用于实现服务器主动向客户端推送数据的技术，也被称为“事件流”（Event Stream）。它基于 HTTP 协议，利用了其长连接特性，在客户端与服务器之间建立一条持久化连接，并通过这条连接实现服务器向客户端的实时数据推送。SSE 和 Socket 区别SSE（Server-Sent Events）和 WebSocket 都是实现服务器向客户端实时推送数据的技术，但它们在某些方面还是有一定的区别。适用于场景。
2024-08-21 09:28:27
2918
原创 免费在线图片编辑网站推荐
🌟「可乐改图」是一款简单易用的在线图片编辑神器，它不仅涵盖了“压缩图片”、“图片格式转换”这些基础功能，还提供了“图片编辑（裁剪、旋转、涂鸦等）”以及“PDF转图”等一站式解决方案，满足你日常工作和创作中的各种需求。二、🛠️。
2024-08-18 15:42:30
799
原创 在线图片编辑网站推荐(图片压缩)
🌟「可乐改图」是一款简单易用的在线图片编辑神器，它不仅涵盖了“压缩图片”、“图片格式转换”这些基础功能，还提供了“图片编辑（裁剪、旋转、涂鸦等）”以及“PDF转图”等一站式解决方案，满足你日常工作和创作中的各种需求。二、🛠️。
2024-08-18 10:00:00
619
原创 AI工具推荐- PPT助手
C-AiPPT助手，一款专为追求效率与品质的你打造的PPT创作神器。它不仅仅是一个模板库，更是你智能的PPT创作伙伴。利用先进的AI技术，C-AiPPT助手能够根据你的需求，快速生成符合各种领域和场景的PPT模版大纲及内容，让PPT创作变得简单而高效。C-AiPPT助手，以AI之名，重新定义PPT创作。它不仅是你的时间管理助手，更是你提升专业形象、赢得观众认可的得力工具。现在就加入C-AiPPT助手的行列，开启你的PPT创作新篇章吧！
2024-08-08 08:45:28
898
原创 AI思维导图神器C-AiMind
生成的思维导图支持深度自定义，你可以轻松添加、删除节点，调整布局，甚至改变颜色与样式，让思维导图更加符合你的个性化需求。
2024-07-24 15:46:09
476
原创 AI思维导图神器C-AiMind
生成的思维导图支持深度自定义，你可以轻松添加、删除节点，调整布局，甚至改变颜色与样式，让思维导图更加符合你的个性化需求。
2024-07-24 08:30:00
795
原创 原生标签WebComponent
平常浏览各个网站过程中，经常遇到的一种现象：页面广告。1、站点自己的广告2、第三方投放的广告第二种需要在对代理流量的目标站点里，插入开发者想要的元素，并且与此同时要保证插入的代码与原站点之间的影响降至最低。因此，需要一种有效的**“隔离”**手段。主流的方案有两种:iframe方案: frame需要一个明确的src资源链接，而有时候我们似乎没必要再单独为其去发布一个资源；iframe并未实现完全的“隔离”，原有站点还是能拿到iframe节点，并可对其进行DOM操作；
2024-05-26 10:19:30
581
原创 大文件上传与流下载
在现代网站中，越来越多的个性化图片，视频，去展示，因此我们的网站一般都会支持文件上传。今天我们以大文件上传和下载为主题来分享总结一下.
2024-05-19 22:47:04
1302
原创 h5应用如何适配移动端(干货总结)
H5应用的开发是前端必备技能,h5适配移动端也是业务常见的场景,如何进行必要的适配,今天做一个比较全面的总结。
2024-04-13 13:14:42
4979
原创 js简单手写实现下Prmoise
在JavaScript语言中，Promise是一种用于处理异步操作的对象，它代表了一个操作的最终完成（或失败）及其结果值。Promise提供了一种更加优雅和一致的方式来组织和管理异步代码，与传统的回调函数和回调地狱（callback hell）相比，Promise使得异步代码更易于阅读、理解和维护。
2024-04-08 18:36:16
213
原创 前端a4纸尺寸转像素尺寸
因为我们知道元素的实际宽度（以像素为单位）和我们设置的宽度（1英寸），所以我们可以简单地将元素的像素宽度作为屏幕的DPI。分辨率是96像素/英寸时，A4纸的尺寸的图像的像素是794×1123；分辨率是120像素/英寸时，A4纸的尺寸的图像的像素是1487×2105；分辨率是150像素/英寸时，A4纸的尺寸的图像的像素是1240×1754；分辨率是300像素/英寸时，A4纸的尺寸的图像的像素是2480×3508；分辨率是72像素/英寸时，A4纸的尺寸的图像的像素是595×842；
2024-03-28 16:13:22
2542
原创 在线简历制作网站免费推荐收藏备用
所见即所得（WYSIWYG）模式：对不熟悉 Markdown 的用户较为友好，熟悉 Markdown 的话也可以无缝使用。即时渲染（IR）模式：熟悉 Typora 的用户应该不会感到陌生，理论上这是最优雅的 Markdown 编辑方式。分屏预览（SV）模式：传统的分屏预览模式适合大屏下的 Markdown 编辑。
2024-03-03 17:01:52
1266
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人