工程化
用 Node.js 从零构建一个 Agent 运行时：基于 aura-agent 的架构拆解
基于真实开源项目 aura-agent，拆解 Agent 的六大核心要素：ReAct 循环、工具系统、记忆系统、MCP 协议、技能注入、流式传输。不讲故事，直接看代码。
个人知识库
这里汇集了博客长文与碎片化笔记，按主题分类整理，便于检索与回顾。
所有内容
共 16 条
工程化
Docker 与 Docker Compose 实战指南
以 tenant-hub 项目为例，讲解 Docker 容器化与 Docker Compose 多容器编排的实际应用
笔记工程化
Claude Code 实战笔记
Claude Code 接入国产模型、工程化配置与高效使用指南
AI Coding
AI Coding：前端 UI 规范笔记
前端在 AI Coding 中如何保证样式一致性——通过制定可被 AI 理解和遵循的 UI 规范体系，并将规范编码为 Skill 约束契约，让 Agent 写出的代码天然符合设计规范。
工程化
Vue 项目代码与 UI 规范：从团队约定到可落地实践
总结一套面向 Vue + TypeScript + Element Plus 技术栈的项目级代码规范，覆盖组件架构、函数设计、TypeScript 约束、状态管理、API 请求层以及设计 Token 与布局模式，可直接作为团队开发约定与代码审查清单。
笔记工具
agent-browser Skill 速查
记录 agent-browser skill 的核心用法和常用命令
工程化
从手动到自动化：前端项目 Commit 规范与 CI/CD 发布实践
面向前端团队，从零搭建代码提交规范校验与自动化发布流水线，覆盖 Husky、Conventional Commits、语义化版本管理与 GitHub Actions 全链路
Vue
Vue 源码中的工程化设计：五个可复用的团队开发范式
从 Vue 源码中提炼五个可落地的工程化设计范式，覆盖架构分层、条件编译、测试策略、代码规范与发布自动化
Vue
Vue3 虚拟 DOM 与 Diff 算法
深入 Vue3 源码，解析虚拟 DOM 的实现机制与核心 Diff 算法的执行流程
JavaScript
生成器和可迭代对象
学习js中的生成器和可迭代对象
Vue
关于vue的问题
Vue 常见问题汇总，包含基础与进阶知识点索引
Vue
vue响应式原理
从零实现一个简易 Vue，深入理解 Vue 响应式系统的核心原理
Vue
vue3和vue2的区别
全面解析 Vue3 与 Vue2 的差异，包括响应式原理、Composition API、编译优化等
Vue
Vue2和Vue3中diff算法对比
详细对比 Vue2 和 Vue3 的 diff 算法实现原理
网络
跨域
深入理解浏览器的同源策略及多种跨域解决方案
JavaScript
js中判断数据类型的方法
介绍 JavaScript 中判断数据类型的多种方法，包括 typeof、constructor、instanceof、Object.prototype.toString 等
标签索引
#nodejs1#agent2#ai1#mcp2#react1#architecture1#docker1#docker-compose1#容器化1#部署1#运维1#工程化3#claude-code1#ai-coding3#工具1#ccswitch1#国产模型1#ui-guidelines1#frontend1#skill2#设计规范1#vue6#typescript1#element-plus1#代码规范1#设计系统1#团队开发2#browser1#cicd1#git1#commit1#github-actions1#源码3#架构1#vue32#虚拟DOM2#diff2#渲染器1#Javascript1#面试1#问题汇总1#响应式1#原理1#vue21#对比1#算法1#cors1#跨域1#同源策略1#javascript1#数据类型1