docs: add comprehensive page development standards (CODING_STANDARDS.md §11)

- 新增 §11 页面开发规范(10 个子节),覆盖目录结构分4级、入口组件命名统一为 Index、业务 Hook 内部结构顺序、常量/子组件/存储键/模式切换/布局约定等规范
- 新增 §11.9 页面开发检查清单(10 步逐项确认)
- 更新 AGENTS.md 和 copilot-instructions.md 同步引用新规范章节
- 修正 useLazyTranslation → useI18n 与实际代码保持一致
This commit is contained in:
雨霖铃
2026-05-28 23:09:14 +08:00
parent 6bddc4fcfc
commit e33761381d
3 changed files with 334 additions and 17 deletions
+2 -2
View File
@@ -56,7 +56,7 @@ Router 同时使用 `chrome.storage.local` 持久化和 `localStorage` 快照来
### 页面组件模式
功能页面遵循 **UI + Hook 分离** 模式:
功能页面遵循 **UI + Hook 分离** 模式,详见 [CODING_STANDARDS.md § 11](./CODING_STANDARDS.md#11-页面开发规范)
```
pages/FeatureName/
@@ -65,7 +65,7 @@ pages/FeatureName/
└── constants.ts # 常量定义(可选)
```
- 页面组件调用 `useLazyTranslation('featureName')` 获取翻译函数
- 页面组件调用 `useI18n('featureName')` 获取翻译函数
- Hook 负责所有状态管理,通过返回值暴露给页面
- 子组件可进一步拆分(如 `LiveClock.tsx``ResultView.tsx`