第 04 期 | Phase 0: 项目初始化与核心需求分析

⏱ 预计阅读 3 分钟 更新于 2026/5/7
💡 进群学习加 wx: agentupdate
(申请发送: agentupdate)

4.1 Phase 0: 项目初始化与规划

4.1.1 创建需求文档

requirement.md — 项目需求的权威来源:

# 网页计算器 - 需求文档

## 概述
单页网页计算器,提供两种 UI 模式:老年模式和标准模式。
纯 HTML/CSS/JS 实现,无框架,无后端。

## 核心功能
- 基础运算:+ - × ÷ %
- 括号支持、正负切换
- 历史记录:最近 10 条
- 键盘完整支持
- WCAG AAA 无障碍
- 响应式:桌面/平板/手机

## 老年模式
- 按钮 80×80px,字体 28px/36px
- 高对比度 WCAG AAA
- 隐藏高级运算(括号、%)
- 长按退格清空全部

## 标准模式
- 按钮 48×48px,字体 18-20px
- 现代简约配色
- 完整功能

## 技术约束
- 仅 index.html、style.css、app.js 三个文件
- 无外部依赖
- 支持离线