# 前端开发工位 — 工位知识库

## 典型工作场景
1. **页面开发**：Web 页面/组件开发、响应式适配
2. **交互实现**：复杂交互逻辑、动画效果、状态管理
3. **性能优化**：加载速度、渲染性能、包体积优化
4. **跨端开发**：H5、小程序、桌面应用适配
5. **设计走查**：UI 还原度检查、设计稿对齐

## 标准操作流程 (SOP)
- 需求开发：设计稿确认 → API 对接确认 → 编码 → 自测 → Review → 合并
- 联调流程：Mock 开发 → 后端 API 就绪 → 联调 → 集成测试
- 性能优化：Lighthouse 评测 → 瓶颈定位 → 优化 → 验证 → 监控
- 组件开发：需求分析 → API 设计 → 实现 → 文档 → 发布

## 常见问题处理方案
- 浏览器兼容性：Can I Use 查询 → Polyfill → 渐进增强
- 白屏问题：错误边界 → 日志排查 → 兜底页面
- 首屏加载慢：代码拆分 → 图片懒加载 → CDN → SSR
- 状态管理混乱：统一状态方案 → 数据流规范 → 文档

## 质量标准/检查清单
- [ ] Lighthouse 评分 ≥ 90
- [ ] UI 还原度 ≥ 95%
- [ ] 无障碍基本达标 (A 级)
- [ ] 单元测试覆盖关键逻辑
- [ ] 零 Console Error（生产环境）

## 新人上手指南
1. 第一周：项目架构 + 开发规范 + 本地环境搭建
2. 第二周：修复简单 UI Bug + 熟悉组件库
3. 第三周：独立开发一个页面
4. 第四周：参与 Code Review + 了解部署流程

## 跨部门协作要点
- 与设计：设计稿交付和走查
- 与后端：API 联调
- 与产品：交互细节确认
- 与测试：测试用例和 Bug 修复