你知道什么是约定优于配置吗？说说你对它的理解

在前端开发中，「约定优于配置」（Convention over Configuration，也称为 CoC）是一种软件设计范式，旨在减少开发者需要做出的决策数量，从而简化开发过程，但不失灵活性。其核心思想是：通过预先定义一套合理的默认约定，开发者只需要关注非约定部分的配置，从而提高开发效率和代码可维护性。

在前端开发的实践中，约定优于配置通常体现在以下几个方面：

• 目录结构: 预定义的目录结构，例如 src/components、src/assets、src/utils 等，可以清晰地组织代码，方便开发者查找和管理文件。 当开发者创建一个新组件时，按照约定将其放置在 src/components 目录下，无需额外配置即可被构建工具识别和处理。

• 文件命名: 例如，组件文件名使用 PascalCase (例如 MyComponent.vue 或 MyComponent.jsx)，样式文件使用 kebab-case (例如 my-component.css 或 my-component.scss)，测试文件使用 .test.js 或 .spec.js 后缀等。 遵循这些命名约定可以提高代码的可读性和一致性。

• 组件结构和API: 例如，在一些框架中，组件的数据、方法、生命周期钩子等都有预先定义的属性名和使用方法。开发者只需要按照约定编写代码，即可实现组件的功能，无需额外的配置。

• 构建工具: 现代前端构建工具，例如 Webpack、Parcel、Vite 等，都内置了许多默认配置，例如入口文件、输出目录、模块解析规则等。开发者通常只需要进行少量的配置即可完成项目的构建，甚至可以零配置启动项目。

• CSS 框架/库: 像 Bootstrap、Tailwind CSS 等框架/库，通过预定义的 class 名称和样式规则，让开发者可以通过简单的 class 组合来实现各种样式效果，无需手动编写大量的 CSS 代码。

约定优于配置的优势:

• 提高开发效率: 减少了配置工作，开发者可以更专注于业务逻辑的实现。
• 降低学习成本: 新的开发者可以快速上手，无需学习大量的配置规则。
• 提高代码可维护性: 统一的代码风格和结构，使代码更易于理解和维护。
• 减少错误: 预定义的约定可以避免一些常见的配置错误。

约定优于配置的劣势:

• 灵活性降低: 过多的约定可能会限制开发者的灵活性，尤其是在一些特殊场景下。
• 学习约定成本: 虽然减少了配置学习成本，但开发者仍然需要学习项目所采用的约定。

总而言之，约定优于配置是前端开发中一种非常重要的设计理念，它可以显著提高开发效率和代码质量。 但是，也需要注意其灵活性方面的问题，并在实际应用中找到合适的平衡点。 选择合适的框架、库和工具，并制定合理的项目约定，可以最大程度地发挥约定优于配置的优势。