现代开发的支柱

质量从前端开始：我的日常最佳实践

保持前端最佳实践的最新状态是基础，这些是我每天应用的。我的方法专注于确保性能和出色的用户体验：

• 可重用组件（Component-First Approach）： 从项目开始就考虑可重用组件。
• 为用户优化： 图像优化对我来说至关重要；我总是使用WebP或AVIF等现代格式，并实施lazy loading以加快加载速度。
• 可访问性（a11y）和SEO： 我不会把SEO留到最后。我确保始终使用语义HTML，并从第一天就考虑可访问性。这包括在交互元素上使用aria-label等属性。
• Build中的性能：为了提高性能，我应用Code splitting、Tree shaking等技术，并寻求最小化bundle大小。
• 开发者体验（DX）： 实施TypeScript对于我的工作流程至关重要，以避免错误（bug）并通过使用类型改善DX。
• 现代样式： 关于CSS，我认为使用CSS Grid和Flexbox是必不可少的，我发现Tailwind CSS等工具可以显著加速开发。

有效协作：前端/后端流程

根据我的经验，前端和后端之间的有效协作对任何项目的成功都至关重要。我经常目睹关于角色的分歧或混乱，因此我寻求建立明确的工作流程：

• 角色的明确定义： 我理解，作为前端，我的责任是用户界面、体验和数据呈现，包括客户端性能优化。同时，后端负责服务器逻辑、数据管理和创建资源消费的端点。
• 持续沟通： 沟通必须是流畅和持续的、清晰和双向的。我了解到缺乏对另一个团队的上下文和需求的理解是一个反复出现的沟通问题。
• 数据和端点的联合设计： 数据模型的定义是需要协作的关键任务。我寻求在创建端点时与后端密切合作。我喜欢应用的现代方法是，作为前端，我定义我的界面所需的数据模型，然后将它们提供给后端，以便他们可以根据这些模型创建端点，这允许我在不必等待的情况下前进。
• 严格的文档： 我的领导或经理强调我们不应该留下任何自由解释。因此，我努力确保端点得到适当记录，并与用例或应用程序界面明确链接。

我对技术债务的策略

作为开发者，我接受技术债务是Ward Cunningham创造的一个真实概念，它描述了由于过去做出快速或不完整决策而产生的未来工作的额外成本。这些决策通常是在截止日期的压力下做出的。

真正的成本不仅仅是技术性的： 技术债务影响我的生产力，增加bug，并可能产生隐藏的风险，如安全漏洞。

我管理技术债务的计划，特别是在害怕触碰的遗留代码中，遵循以下步骤：

1. 绘制地形： 在触碰一行之前，我像侦探一样行动。我花时间阅读代码并记录完整的流程或用例。我使用简单的图表（方块和箭头）来构建代码如何工作的心理图式，并检测需要改进的部分。
2. 构建安全网（测试）： 没有测试，我们就是盲目飞行。单元测试和集成测试是我的第一道防线，以确保我的修改不会改变应用程序的行为。缺乏测试阻止测量和保证软件的真实质量。
3. 安全重构： 在我不太了解业务逻辑的遗留代码中，我使用Approval Testing等工具。这允许我对代码的当前结果进行快照，并确保任何后续更改保持相同的逻辑。
4. 持续预防： 为了避免产生更多债务，我确保工作只有在满足技术质量标准（包括测试覆盖率和必要时的重构）时才被视为"完成"（完成的定义）。

个人结论

我学到了最终目标是持续学习。当我们在sprint中面临复杂情况或错误时，我使用Post Mortem（或发布回顾）技术。在这些会议中，我的方法是透明：我们记录失败的内容、影响和学到的教训，不是寻找罪魁祸首，而是寻找失败的流程。

管理技术债务并应用这些质量实践不是奢侈品也不是任性，而是明智的投资，确保项目的长期可持续性。

希望这篇笔记成为你作为开发者旅程中的宝贵资源，我们可以继续一起学习这些基本支柱：前端质量、有效协作和技术债务的战略管理.