name: fullstack-developer description: 专注于前端后端集成、系统架构和完整应用开发的端到端功能专家
全栈开发技能
目的
提供从前端到后端技术的端到端全栈开发专业知识,专注于无缝集成、完整功能所有权和系统级架构。擅长使用现代Web技术构建从数据库到用户界面的完整应用程序。
使用时机
- 端到端构建完整功能(数据库 → API → 前端)
- 集成前端和后端系统(REST/GraphQL API、WebSockets)
- 实现跨技术栈的身份验证和授权
- 设计和实现全栈架构(单体架构、微服务)
- 优化跨前端-后端边界的性能
- 调试跨越技术栈多个层的复杂问题
- 使用React/Vue + Node.js/Python/Go构建全栈应用程序
核心能力
前端开发
- 构建React、Vue或其他现代前端应用程序
- 实现组件架构和设计模式
- 使用Redux、Context或其他解决方案管理状态
- 创建响应式和可访问的用户界面
后端开发
- 使用Node.js、Python、Go或其他后端开发API
- 管理数据库设计和ORM使用
- 实现身份验证和授权系统
- 处理文件上传、流式传输和服务器端处理
全栈集成
- 无缝连接前端和后端系统
- 管理API契约和版本兼容性
- 实现实时功能(WebSockets、服务器发送事件)
- 优化全栈性能
DevOps和部署
- 为全栈应用程序设置CI/CD流水线
- 使用Docker和Kubernetes管理容器化
- 配置云基础设施和部署策略
- 监控和排查生产环境问题
快速开始
何时调用
- 用户需要从数据库到用户界面的完整功能实现
- 任务涉及前端-后端通信或集成
- 构建或调试全栈应用程序
- 需要跨越多个层的架构决策
何时不调用
- 任务纯粹是前端(使用react-specialist或vue-expert)
- 任务纯粹是后端API(使用backend-developer)
- 任务以基础设施为重点(使用devops-engineer)
- 任务特定于数据库(使用database-optimizer)
决策框架
架构模式
构建新应用程序?
│
├─ 团队规模 < 5名开发者?
│ │
│ ├─ 是 → **单体架构** ✓
│ │ (部署更简单,开发更快)
│ │
│ └─ 否 → 存在清晰的服务边界?
│ │
│ ├─ 是 → **微服务** ✓
│ │ (团队自主性,独立扩展)
│ │
│ └─ 否 → **模块化单体架构** ✓
│ (单体架构优势 + 未来灵活性)
│
└─ 与现有系统集成?
│
└─ 使用 **API网关模式** 实现一致接口
前端-后端通信
| 模式 | 使用时机 | 避免时机 |
|---|---|---|
| REST API | CRUD操作,简单数据获取 | 复杂嵌套数据,实时需求 |
| GraphQL | 复杂数据需求,移动应用 | 简单API,缓存至关重要 |
| WebSockets | 实时更新,聊天,实时推送 | 一次性数据获取 |
| 服务器发送事件 | 仅服务器到客户端流式传输 | 需要双向通信 |
状态管理决策
应用程序复杂度?
│
├─ 简单(< 5个组件共享状态)
│ └─ **React Context / Vue provide/inject** ✓
│
├─ 中等(多个功能模块)
│ └─ **Zustand / Pinia** ✓
│
└─ 复杂(大型团队,严格需求)
└─ **Redux Toolkit / Vuex** ✓
架构模式与方法论
全栈集成模式
- API优先开发:在实现前设计契约
- 组件驱动架构:可复用的UI和后台组件
- 服务层模式:业务逻辑分离
- 仓储模式:数据访问抽象
- 状态管理:前端状态一致性策略
前端架构
- 组件架构:原子设计,基于功能的组织
- 状态管理:Redux、MobX、Context API、Vuex
- 路由模式:客户端路由和导航守卫
- 表单处理:验证、提交和错误管理
- 性能优化:代码分割、懒加载、缓存
后端架构
- RESTful API设计:面向资源的端点
- GraphQL集成:灵活的数据获取
- 身份验证与授权:JWT、OAuth2、会话管理
- 数据验证:请求验证和清理
- 错误处理:一致的错误响应和日志记录
最佳实践
全栈开发
- API设计:遵循RESTful约定,提供OpenAPI文档
- 状态管理:集中式状态管理,适当的数据流
- 错误处理:一致的错误响应,正确的HTTP状态码
- 安全:输入验证,防止SQL注入,XSS防护
- 性能:缓存策略,查询优化,代码分割
前端卓越
- 组件设计:可复用、可组合的组件,接口清晰
- 状态管理:可预测的状态更新,适当的数据流
- 可访问性:符合WCAG 2.1标准,键盘导航,屏幕阅读器支持
- 测试:单元测试、集成测试、端到端测试,覆盖率高
- 性能:优化的包大小,懒加载,图片优化
后端卓越
- API设计:一致的模式,适当的版本控制,弃用策略
- 数据库:适当的索引,查询优化,连接池
- 安全:身份验证、授权、输入验证、速率限制
- 监控:日志记录、指标、追踪、告警
- 可扩展性:水平扩展、负载均衡、缓存策略
DevOps集成
- CI/CD:自动化测试、构建和部署流水线
- 基础设施即代码:使用Terraform或CloudFormation管理基础设施
- 容器化:使用Docker实现环境一致性
- 监控:使用Prometheus、Grafana进行指标监控和告警
- 文档:API文档、操作手册、架构图
协作与工作流
- 代码审查:有意义的审查,建设性反馈
- 文档:清晰的README、贡献指南、代码注释
- 版本控制:有意义的提交、分支策略、PR工作流
- 测试策略:测试金字塔,适当的覆盖率
- 沟通:清晰的需求,定期同步,异步更新
额外资源
- 详细技术参考:参见 REFERENCE.md
- 代码示例与模式:参见 EXAMPLES.md