康威定律和 Web 开发中的关注点分离

学习文章要努力，但是不要急！今天的这篇文章《康威定律和 Web 开发中的关注点分离》将会介绍到等等知识点，如果你想深入学习文章，可以关注我！我会持续更新相关文章的，希望对大家都能有所帮助！

康威定律指出，软件系统往往会反映构建它们的组织的通信结构，它在现代 Web 开发的结构方式中发挥着至关重要的作用。从早期实践到当今更复杂的系统（例如微前端和基于组件的架构）的演变在很大程度上是由这一原则决定的。通过研究历史上 Web 开发中关注点是如何分离的，我们可以更好地理解当前实践是如何出现的以及为什么它们看起来像今天这样。

在 Web 开发的早期，不同的团队通常负责特定的技术。一个团队负责 HTML，另一个团队负责 CSS，还有另一个团队负责 JavaScript 和服务器端逻辑，例如 PHP。这种明确的职责分离或“关注点分离”是由每个团队拥有的独特技能驱动的。设计师将像素完美的 Photoshop 文件交给一个团队，然后该团队将这些文件转换为 HTML 和 CSS 模板。模板完成后，下一个团队会将它们集成到应用程序中，当事情不完美时经常会遇到摩擦。

设计师可能会提供一个 .psd 文件，其中表格的所有九个角都经过精心设计，HTML/CSS 团队会将其分割成工作布局。但它们在很大程度上与应用程序的实际逻辑或用户交互脱节。他们的工作只是确保视觉效果有效。然后，处理 PHP 和 JavaScript 的后端团队会将这些静态模板集成到正在运行的应用程序中，但通常会发现早期团队提出的解决方案并不适合应用程序的需求。这反映了组织的结构，每个团队负责流程的不同部分，没有太多的交叉沟通。

向基于组件的架构的转变

今天，我们分离关注点的方式发生了巨大的变化。现代团队更有可能负责应用程序特定部分的整个堆栈，而不是按技术划分职责（例如一个团队负责 HTML 和 CSS，另一个团队负责 JavaScript 和 PHP）。每个团队通常拥有应用程序的一个垂直部分，包括从前端组件到后端逻辑的所有内容。这种转变是由基于组件的架构的兴起推动的，其中可重用的、独立的组件是系统的构建块。

例如，不再是一个团队专注于整个网站的所有 HTML 和 CSS，另一个团队处理 JavaScript 和服务器端集成，而是现在拥有负责不同功能或组件的团队，例如