编程学习记录

🤖 AI 智能体学习笔记

什么是 AI 智能体（Agent）？

AI 智能体是能够感知环境、做出决策并执行动作的 AI 系统。与普通 LLM 不同，智能体具备工具调用、记忆管理和多步骤规划能力。

核心能力：感知（Perception）→ 推理（Reasoning）→ 行动（Action）→ 反馈（Feedback）

主流 AI 智能体框架

LangChain / LangGraph — 最流行的 Agent 编排框架，支持工具调用和状态图
AutoGen（微软） — 多智能体对话框架，支持 Agent 之间协作
CrewAI — 角色扮演式多 Agent 协作，适合任务分工场景
Claude Agent SDK（Anthropic） — 基于 Claude 模型的官方 Agent 开发工具
OpenAI Assistants API — 内置记忆、文件检索和代码执行能力

RAG（检索增强生成）

RAG 是让 AI 能够查询外部知识库的技术，解决大模型知识截止日期问题。

流程：用户提问 → 向量检索相关文档 → 将文档注入 Prompt → LLM 生成答案

向量数据库 Embedding Chroma Pinecone FAISS

Prompt 工程技巧

Chain of Thought（思维链）：让模型一步步推理，提升复杂任务准确率
Few-shot 示例：在 Prompt 中提供 2-3 个示例，引导输出格式
System Prompt 设计：明确角色、约束和输出格式
ReAct 模式：Reasoning + Acting，让 Agent 边思考边行动

学习进度

LangChain 基础

多 Agent 协作

RAG 系统搭建

🎨 前端开发笔记

HTML & CSS 核心要点

语义化标签：header / main / section / article / footer
Flexbox 布局：主轴、交叉轴、flex-grow / shrink / basis
CSS Grid：二维布局神器，grid-template-columns / rows
响应式设计：媒体查询 @media，移动优先原则

JavaScript 重点知识

异步编程：Promise → async/await，避免回调地狱
ES6+ 特性：解构赋值、箭头函数、模板字符串、可选链 ?.
DOM 操作：querySelector、事件委托、防抖与节流
模块化：import / export，CommonJS vs ESM

Vue 3 学习笔记

Composition API 比 Options API 更灵活，推荐使用 <script setup> 语法糖

ref / reactive computed watch / watchEffect Pinia 状态管理

⚙️ 后端开发笔记

Node.js + Express

RESTful API 设计规范：GET / POST / PUT / DELETE
中间件机制：请求日志、身份验证、错误处理
JWT 鉴权：生成 Token、验证 Token、刷新机制

Python 后端（FastAPI）

自动生成 API 文档（Swagger UI）
Pydantic 数据校验，类型安全
异步支持：async def + await，高并发场景
与 AI 模型集成：调用 OpenAI / Claude API

数据库

类型	代表产品	适用场景
关系型	MySQL / PostgreSQL	结构化数据、事务处理
文档型	MongoDB	灵活 Schema、JSON 数据
向量数据库	Chroma / Pinecone	AI 语义检索、RAG
缓存	Redis	高频读取、会话存储

🛠️ 开发工具与环境

常用工具

VS Code — 主力编辑器，配合 Kiro AI 插件提升效率
Git & GitHub — 版本控制，分支管理，PR 协作流程
Docker — 容器化部署，环境一致性保障
Postman / Thunder Client — API 接口调试
Claude Code / Kiro — AI 辅助编程，代码生成与重构

AI 编程助手使用心得

善用 AI 工具可以大幅提升开发效率，但要理解生成的代码逻辑，不能完全依赖。AI 最擅长：样板代码生成、调试思路、文档编写、代码重构建议。

📅 学习计划

近期目标（2026 年 Q2）

✅ 完成 HTML / CSS / JS 基础巩固
✅ 搭建第一个 Vue 3 项目
🔄 深入学习 LangChain Agent 开发
⬜ 完成一个完整的 RAG 知识库问答系统
⬜ 学习 Docker 容器化部署流程
⬜ 上线一个个人作品集网站

📚 编程学习记录