标签：代码规范

Vue 代码规范

分类：软件工程发布时间：2020-07-14

本文从路由、生命周期、代码解耦、数据层级、HTML 代码、样式、图片等几大方面详细介绍了使用 Vue 开发时应注意的代码规范。本代码规范并非强制要求，而是提供了一种参考，让团队统一代码风格、提升代码可阅读性，降低维护成本。

Temporal 对象是 JavaScript 中日期对象的升级改造版本，提供了比 Date 对象更丰富的 API 和日期处理能力，本文详细介绍了 JS 中 Temporal 对象的基本构成、类型介绍以及相关用法。

在前端 CSS 中，使用颜色的场景非常多，例如，它们可以作为文字、背景、阴影、表格、边框、链接等属性。我们在 CSS 中使用的大多数颜色都是 Hex 和 RGB，除了这 2 种颜色表示方法外，在 CSS 中，还有很多颜色表示法，本文将详细讲解有关 CSS 中的颜色体系！

vue 单文件模板中一般含有三个部分，template，script 和 style。但是在编译后的 js 文件中，我们却没法在代码中直接找到这三部分，这是因为 vue 并非直接使用 template 进行渲染，而是需要把 template 编译成渲染函数，才能渲染。

本文详细介绍了几种主流 API 架构方案的优缺点，以帮助系统架构师在 API 技术选型时做出正确的决定。目前，主流的 API 架构方案包括 RESTFul API、GraphQL、gRPC。除此以外，还介绍了 CORBA 和基于 XML 的 SOAP 技术方案。

本文简单介绍了 YAML 文本格式的基本构成、含义和使用方法，并提供了相应的示例加深理解。本文没有生涩难懂的内容，仅需 3 分钟便可快速了解 YAML。