# 参与建设 ## 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+|❌|未落地执行|