前端设计文档模版 #

1. 需求背景及资源 #

• 需求背景
• 相关文档 & 资源
  • 需求文档：
  • 设计视觉稿：
  • 服务端 IDL:
  • 第三方服务/SDK 文档
  • 测试 Case:
  • 埋点文档：
  • 运营资源列表 (optional):
  • 走查及验收文档：

2. 排期 #

需求 Timeline #

排期拆分 #

3. 设计方案 #

整体方案 #

• 项目搭建
• 部署方案
• 监控方案

页面设计 #

• 页面描述
• URL
• UI & 交互逻辑 (UI 拆分）
• 状态
• 请求逻辑
• 业务逻辑
• 埋点逻辑

组件设计 #

• 模块描述
• UI & 交互逻辑
• 状态 / Props
• 业务逻辑
• 埋点逻辑

公用模块 #

• 模块描述
• 业务逻辑

4. Todos #

• 设计方案
• 开发
  • 页面 1
  • 组件 1
  • 通用模块 1
• 联调
• 测试
• UI 走查
• 上线