web/docs/to-do/index.md

参与建设

2024年前端团队计划

首先回顾去年的计划与实际工作情况，总结后梳理2024年计划。

去年存在的问题

• 组件库建设和维护工作推进效率不高 > 虽然进行了业务组件的沉淀，但由于项目优先级调整、以及架构影响导致，但并未按照原定目标将组件库独立提取出来。今年SEO工作较多，与原定的SPA应用，微前端架构无法有效复用组件，还有 monorepo 项目结构调整带来的影响。
• 技术分享与培训活动的组织和执行力度不够 > 版本研发紧急度太多，缺乏有效的激励机制以推动团队成员积极参与此类活动，从而影响了整体技术氛围的提升。
• 代码审查制度未能有效落实 > 需要在工时预估方面增加该项工作工时，或改为季度审查、或者考虑其他方向解决落地问题。

2024前端团队工作计划

• 1. 技术架构调整：
  • 1.1 全部前后端分离项目，采用 monorepo 项目架构集中管理、维护。
  • 1.2 提取工具库、UI库、业务组件、业务数据模型库。
  • 1.3 调整全局工具库，采用SDK + 插件机制管理。
  • 1.4 全量项目迁移至 vite 后，考虑移动端项目迁移 vue3 技术体系。
  • 1.5 重新梳理工作台模式，采用依赖倒置、注入的形式管理，优化依赖加载，复用。
  • 1.6 在沉淀后的组件上，研究结合开源低代码编辑器，落地到项目应用中。
• 2. 技术分享：
  • 2.1 落实技术分享、培训，找到合适的推行方式，比如每个人分享5分钟，降低参与门槛。
  • 2.2 持续完成技术规范、技术文档。
  • 2.3 落实定期进行代码审查，提高团队成员的代码审查技能。
• 3. 代码质量：
  • 3.1 持续维护自检清单，加入自动检查，减少常见问题的出现频率。
  • 3.2 基于 vtest 完成上述工具库、业务组件的单元测试，覆盖率达到 80%+
  • 3.3 追踪 Sentry 异常，分析总结问题，整理后纳入自检清单，避免重复问题。
  • 3.4 继续复盘项目、分析缺陷，整理后纳入自检清单。
  • 3.5 研究组件的自动化测试及快照，找到落地方向。

目标细化及完成状态

目标	目标细化	达成度	备注
工具库、UI库、业务组件	新增需求、重构页面时需提取组件、工具库	❌	-
可复用业务模型建设	新增需求、重构页面时需抽象业务模型，方便多端复用	进行中	详情页重构已实践采用
技术分享	人均季度分享次数 1 +	✅	每月最低达成1次分享目标
技术分享	技术规范、技术文档	✅	补充、完善中
代码质量	项目复盘率达到 50%	✅	每月项目复盘已达成50%目标
代码质量	季度组织可避免缺陷原因分析及改进方式讨论会议 1+	❌	-
代码质量	提升成员代码审查能力，季度度组织集体 CR 次数 1+	❌	-

2023年前端团队计划

2023年制定的工作目标主要为：

1. 提升开发效率，提升 10% 以上
2. 提升技术氛围，组织培训及交流落地
3. 提升代码质量，控制代码缺陷率6%以下

目标细化及完成状态

目标	目标细化	达成度	备注
提升前端开发效率及体验	全盘项目 pnpm 技术栈升级	✅ 90%	已改造3个项目，基本完成
提升前端开发效率及体验	组件库建设推进，沉淀业务组件 30 +	❌ 60%	组件库未独立提取，沉淀在分散项目业务组件 20+
提升前端开发效率及体验	异常监控、告警、修复	✅	已覆盖jy、jy-mobile 两个核心项目，每周分析、处理收集的异常问题
提升前端开发效率及体验	相关技术文档完善 10篇 +	✅ 80%	完善代码规范、知识库等，8篇
培训、分享相关落地	人均季度分享次数 1 +	❌	分享次数1，目标未达成
培训、分享相关落地	培训提升月度组织次数 1 +	❌	目标未达成
代码缺陷降低	项目复盘率达到 50%	✅	每月项目复盘已达成50%目标
代码缺陷降低	月度组织可避免缺陷原因分析及改进方式讨论会议 1+	✅
代码缺陷降低	提升成员代码审查能力，月度组织集体 CR 次数 1+	❌	未落地执行