- 博客(21)
- 收藏
- 关注
RSS订阅原创 MasterGo AI 实战教程：10分钟生成网页设计图（附案例演示）
MasterGo是一款国产在线 UI 设计工具，类似 Figma，但更轻便、学习门槛低。一句话生成高保真 UI 页面支持移动端、网页、后台等多种场景输入产品描述、上传原型图、修改颜色风格等参数支持自动生成 Vue/React 框架代码（适配常用组件库）MasterGo AI 不仅是设计工具，更是一个面向产品/设计/开发全链路协作的高效原型工具。你只需要提供一句话描述，就能生成设计图、代码，快速验证想法、推进开发。✅ 支持多端页面自动生成✅ 支持原型图上传自动识别✅ 支持代码导出与团队协作。
2025-12-30 15:40:16
2147
原创 FastAPI 入门指南
name: strage: intPydantic 的能力包括：类型校验数据转换默认值字段描述（用于文档）面向现代工程实践的 Python API 框架它将类型系统、接口文档、异步性能、工程规范整合为一个整体，极大降低了构建高质量 API 服务的成本。
2025-12-30 15:37:19
1140
原创 LangGraph 技术详解：基于图结构的 AI 工作流与多智能体编排框架
随着大语言模型能力不断增强，AI 应用的复杂度迅速上升。现实中的AI 系统，早已不再是 “一次 Prompt → 一次回答” 的简单模式，而是逐渐演变为：•多步骤推理•多Agent 协作•带条件分支与循环的工作流•需要长期状态管理的系统在这种背景下，LangGraph 应运而生。
2025-12-29 15:49:57
947
原创 AI 多模态全栈项目实战：Vue3 + Node 打造 TTS+ASR 全家桶！
你可以把这个项目理解成一个“轻量 AI 多模态平台”。✔ 安全性：JWT + Cookie + 加密✔ 用户体验：流式、实时、不卡顿✔ 工程质量：架构清晰，代码规范，日志可观测✔ AI 能力：对话 + 语音 + 图像，多模态整合✔ 可维护性：模块化开发，方便继续扩展新模型、新功能从0到1打造一款具备Ai聊天，AI写作，文生图，语音合成，语音识别功能的多模态全栈项目，多模态AI项目开发链接。
2025-12-29 15:42:26
1436
原创 LangChain 技术栈全解析：从模型编排到 RAG 实战
LangChain 的价值不在于“帮你写 Prompt”，而在于让大模型应用具备工程结构和系统能力。当 LLM 应用从 Demo 走向生产环境，LangChain 几乎是绕不开的技术栈之一。如果你正在构建真实的 AI 应用系统，理解并掌握 LangChain，是非常值得投入的一步。
2025-12-25 11:10:38
1176
原创 多模态 Agent 技术全景解析 — 从模型能力、Agent 架构到工程化与商业落地
用了多少模型接了多少 API能否稳定执行复杂任务能否控制生成质量能否规模化部署能否形成商业闭环模型决定能力上限，Agent 架构与工程能力决定落地成败。
2025-12-16 20:14:02
1191
原创 从 JavaScript 到 Python：前端工程师的完全转换指南
作为一名前端开发工程师,当我决定学习 Python 时,发现网上的教程要么从零开始讲解编程概念,要么直接深入 Python 高级特性,很少有专门为前端开发者设计的学习路径。实际上,我们已经掌握了 JavaScript 的核心编程思想,完全可以通过类比的方式快速掌握 Python。本文将从前端开发者的视角,系统地对比 JavaScript 和 Python 的差异,帮助你在最短时间内建立起 Python 的知识体系。// JavaScript - 传统函数${
2025-12-16 20:11:46
1220
原创 AI聊天系统 实战：打造优雅的聊天记录复制与批量下载功能
这次的功能开发让我对 Vue 3 的组件通信、状态管理有了更深的理解。工具函数先行：把通用逻辑提取成工具函数，提高代码复用性组件职责单一：每个组件只做一件事，降低耦合度状态提升：选择状态放在父组件管理，子组件通过 props 和 emit 通信用户体验优先：加载状态、过渡动画、错误提示一个都不能少完整的代码已经在项目中跑了一段时间了，稳定性还不错。如果你也在做类似的功能，希望这篇文章能帮到你。
2025-12-12 09:13:23
894
原创 AI 聊天消息长列表性能优化：后端分页 + 前端虚拟滚动
在开发 AI 聊天应用的过程中，我们发现随着用户使用频率的提高，单个会话的聊天记录会越来越多。最初的实现方式是一次性加载所有历史消息，这就导致了两个明显的问题：一是接口响应缓慢，用户需要等待较长时间才能看到消息；二是前端渲染时出现明显卡顿，影响用户体验。为了解决这些问题，我们研究了多种长列表优化方案，最终选择了“后端分页 + 前端虚拟滚动”的组合策略。经过实践检验，这个方案不仅显著提升了性能，还保证了良好的用户体验。通过后端分页 + 前端虚拟滚动的组合方案，我们成功将长列表性能提升了一个数量级。按需加载。
2025-12-12 09:13:09
1532
原创 AI 时代，每个程序员都该拥有个人提示词库：从效率工具到战略资产的蜕变
版本层级变更类型示例场景主版本（X）破坏性变更模板结构修改（删除 “角色定义”）、输出格式切换（Vue→React）次版本（Y）新增功能（兼容旧版）在 “登录界面模板” 中新增 “第三方登录按钮”修订版本（Z）修复小问题修正提示词语法错误、补充歧义描述在 AI 驱动的开发新时代，PPL 早已不是 “效率工具” 的代名词，而是程序员将“隐性经验” 转化为 “显性资产”的核心载体。对个人而言，它是你的“技术护城河”
2025-12-08 15:40:07
844
原创 用 Vue3 + Node.js + RAG 构建 Al 讲义问答系统(接入豆包大模型)
在传统闭卷模式下，大模型只能依赖训练时 “记住” 的知识回答问题。当问题涉及模型训练数据之外的最新资讯或特定领域知识时，模型要么拒绝回答要么张冠李戴，难以令人满意。Retrieval-Augmented Generation（检索增强生成，简称 RAG）提供了一种折中的解决方案：不给模型继续 “补课” 微调，而是在回答时临时为它提供一份外部资料。这样模型就像开卷考试一样，可以一边参考资料一边作答，从而显著减少了事实性错误的发生。
2025-12-08 15:38:57
1137
原创 提示词管理器设计：从需求到用户体验的高效落地逻辑
这款提示词管理器的设计，本质是 “将复杂逻辑藏在简洁界面下”—— 用户看到的是 “清晰的分类、直观的卡片、简单的按钮”，背后却实现了 “分类增删查、提示词批量操作、状态持久化、智能优化建议” 等复杂逻辑。“选择使用” 无缝衔接：点击提示词内容时，不关闭侧边栏（避免用户重新打开），通过 “自定义事件” 将提示词信息传递给父组件，父组件可直接填入输入框，实现 “选完即能用”。删除弹窗：风险明确提示：删除分类时，特别显示 “级联删除该分类下所有提示词” 的红色警告，让用户明确操作后果，减少误删；
2025-12-05 10:08:15
899
原创 打造 AI 应用的 “门面”：Vue3.5 + MarkdownIt 实现高颜值、高性能的答案美化组件
是整个渲染流程的核心，它通过配置MarkdownIt，并重写其代码块（fence）的渲染规则，将 Prism.js 的高亮结果注入到最终的 HTML 中。我们通过模块化设计，成功构建了一个集功能、性能、美观分层架构：将解析、交互、渲染完全解耦，易于维护和扩展。核心交互：利用v-html结合，解决了动态渲染内容的事件绑定难题。性能优化：通过computed缓存、事件委托和按需加载策略，确保了组件在高频更新场景下的流畅性。
2025-12-05 09:30:00
1214
原创 Vue3.5 + Node.js + Express 实现完整登录注册鉴权流程
在前后端项目里，登录注册和权限鉴权基本算是 “老大难” 问题。做得不严谨，系统就会有漏洞；做得太复杂，又会让开发效率大打折扣。这篇文章，我结合 Vue3.5 和 Node.js + Express，带大家梳理一下完整的登录注册鉴权流程。技术栈选择先交代一下这次用到的工具和框架：前端：Vue 3.5（Composition API 写法）、Vue Router 4（路由跳转）、Pinia（全局状态）、Axios（发请求必备）。
2025-12-04 17:34:06
1434
原创 在富文本编辑器中封装实用的 AI 写作助手功能
该 AI 写作助手方案成功实现了Vue 3 与 wangEditor 的深度集成和高可扩展性。架构与解耦（高可维护性）职责分离：严格区分 UI 交互（弹窗）、编辑器管理（宿主）和业务逻辑（AI 服务调用）。事件驱动核心：所有操作（快捷键、工具栏）统一派发事件，核心功能与触发方式完全解耦，确保系统的高度灵活和可扩展性。极致的用户体验（高可用性）智能快捷键：实现Ctrl + Alt全局监听，并结合焦点判断，提供最高效的触发机制。动态定位。
2025-12-03 11:23:05
1016
原创 豆包快速 / 深度思考模型的流式调用方案（Vue3.5 + Node.js）
索性花了一天把这些逻辑整理成可复用的方案，后端用 Node.js 统一处理双模型的差异，前端 Vue3.5 做简洁的交互界面。现在不管是基础问答还是复杂解题，切换模型点个按钮就行，流式渲染的打字效果还挺直观。这篇就把整个思路拆解开，从参数哪里找、代码怎么写，可优化的点，都跟大家聊一聊。后端选用 Express 框架，核心思路：将双模型差异隐藏在内部，给前端暴露统一调用接口（如。：当前刷新页面记录丢失，可加后端接口存数据库，前端加载时拉取；” 打字动画，提升交互体验；对应深度模型），无需前端关心参数拼接。
2025-12-02 09:59:38
1783
原创 Vue3.5 + SSE 构建高可用 AI 聊天交互层 ——`chat.js` 模块架构与实现
chat.js模块通过 “解析 - 传输 - 服务 - 业务”四层架构技术屏蔽：把 SSE 协议解析、流控逻辑封装成黑盒，业务层不用关心底层实现；工程化适配：解决环境切换、错误统一、资源释放等工程问题，提升模块稳定性；业务弹性：通过参数差异化适配不同 AI 对话场景，支持快速扩展新功能。这个架构不仅适用于豆包模型 API 封装，还能用到其他流式数据场景（比如实时日志、进度推送），为前端构建高可用、低延迟的流式交互层提供了可落地的技术方案。
2025-12-01 10:56:29
1040
原创 Vue 3.5 + WangEditor 打造智能笔记编辑器：语音识别功能深度实现
这篇文章基于 Vue 3.5 和 WangEditor 实现了一套完整的笔记编辑器语音识别功能，通过分层设计实现了模块解耦，兼顾了实时性、兼容性和稳定性。高效的音频格式转换方案，确保识别服务兼容性完善的状态管理与错误处理，提升用户体验自动化配置诊断工具，降低问题排查成本可扩展的架构设计，便于后续功能迭代该方案不仅适用于笔记编辑器，也可迁移到聊天、文档协作等其他需要语音输入的场景。通过合理的技术选型和架构设计，能够有效降低语音识别功能的集成难度，为用户提供便捷、高效的输入体验。**
2025-11-30 21:34:42
1661
原创 用 Node.js 封装豆包语音识别AI模型接口：双向实时流式传输音频和文本
这篇文章详细介绍了用 Node.js 封装豆包语音识别模型的实现方法，从架构设计到具体代码实现，涵盖了协议处理、连接管理、性能优化等关键技术点。通过这种分层封装，我们可以将复杂的语音识别集成工作简化为简单的 API 调用，同时保证服务的稳定性和可扩展性。这种实现方式不仅适用于豆包语音识别模型，也可以作为对接其他流式 API 服务的参考架构。希望本文能为需要集成语音识别功能的开发者提供有价值的技术参考。
2025-11-30 21:31:31
1555
原创 图像生成接口的工程化设计与落地实践：封装豆包图像生成模型 Seedream 4.0 API
一个“像产品一样稳定”的图像生成接口，关键在于分层解耦、参数适配、失败兜底与可观测性。将外部模型能力牢牢“收入服务层”，对外暴露稳定、清晰、可进化的 API，才能支撑上层产品快速试错与规模化演进。**
2025-11-17 19:42:20
1354
原创 从零到一：智能汇 AI 全栈实战，拆解多模态 AI 应用开发全流程
我近期完成了一个兼具实用性与技术深度的多模态 AI 项目 ——智能汇 AI。这个项目整合了对话、写作、绘画三大核心能力，从技术选型到落地部署全程踩坑无数，也沉淀了一套完整的开发方法论。本文将从技术架构、核心功能实现、工程化实践三个维度，带你吃透全栈 AI 应用的开发逻辑。在实际开发中，开发者和创作者往往面临「工具分散、效率低下、AI 能力割裂」的问题：学习编程需要查文档 + 问 AI，写文案要切换编辑器 + 设计工具，多模态能力集成更是涉及流式响应、跨端适配等技术难点。智能汇 AI 的核心目标就是：用现代化
2025-11-14 23:08:57
1302
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人