Journal
Blog
共 15 篇文章，记录前端技术与个人成长
如何使用 npm 搭建一个 MCP 服务并接入 Claude Code
视觉处理 MCP 项目实战经验总结。从零开始用 npm + TypeScript 构建一个 MCP（Model Context Protocol）服务，发布到 npm，并在 Claude Code / Claude Desktop 中调用它。
Continue reading →用 Node.js 从零构建一个 Agent 运行时：基于 aura-agent 的架构拆解
基于真实开源项目 aura-agent，拆解 Agent 的六大核心要素：ReAct 循环、工具系统、记忆系统、MCP 协议、技能注入、流式传输。不讲故事，直接看代码。
Continue reading →Docker 与 Docker Compose 实战指南
以 tenant-hub 项目为例，讲解 Docker 容器化与 Docker Compose 多容器编排的实际应用
Continue reading →AI Coding：前端 UI 规范笔记
前端在 AI Coding 中如何保证样式一致性——通过制定可被 AI 理解和遵循的 UI 规范体系，并将规范编码为 Skill 约束契约，让 Agent 写出的代码天然符合设计规范。
Continue reading →Vue 项目代码与 UI 规范：从团队约定到可落地实践
总结一套面向 Vue + TypeScript + Element Plus 技术栈的项目级代码规范，覆盖组件架构、函数设计、TypeScript 约束、状态管理、API 请求层以及设计 Token 与布局模式，可直接作为团队开发约定与代码审查清单。
Continue reading →从手动到自动化：前端项目 Commit 规范与 CI/CD 发布实践
面向前端团队，从零搭建代码提交规范校验与自动化发布流水线，覆盖 Husky、Conventional Commits、语义化版本管理与 GitHub Actions 全链路
Continue reading →Vue 源码中的工程化设计：五个可复用的团队开发范式
从 Vue 源码中提炼五个可落地的工程化设计范式，覆盖架构分层、条件编译、测试策略、代码规范与发布自动化
Continue reading →Vue3 虚拟 DOM 与 Diff 算法
深入 Vue3 源码，解析虚拟 DOM 的实现机制与核心 Diff 算法的执行流程
Continue reading →生成器和可迭代对象
学习js中的生成器和可迭代对象
Continue reading →关于vue的问题
Vue 常见问题汇总，包含基础与进阶知识点索引
Continue reading →vue响应式原理
从零实现一个简易 Vue，深入理解 Vue 响应式系统的核心原理
Continue reading →vue3和vue2的区别
全面解析 Vue3 与 Vue2 的差异，包括响应式原理、Composition API、编译优化等
Continue reading →Vue2和Vue3中diff算法对比
详细对比 Vue2 和 Vue3 的 diff 算法实现原理
Continue reading →跨域
深入理解浏览器的同源策略及多种跨域解决方案
Continue reading →js中判断数据类型的方法
介绍 JavaScript 中判断数据类型的多种方法，包括 typeof、constructor、instanceof、Object.prototype.toString 等
Continue reading →