CSS 命名规范

BEM 命名规则

‌‌BEM（Block Element Modifier）是一种前端命名方法论，旨在通过明确的命名规则来组织 CSS 代码，提高代码的可读性和可维护性。‌ BEM 由三个部分组成：块（Block）、‌ 元素（Element）、‌ 修饰符（Modifier），每个部分都有其特定的用途和命名规则。

BEM 的组成部分 ‌ 1、块（Block）‌：页面上的独立组件，具有明确的功能和语义。例如，header、container、menu 等。 ‌ 3、元素（Element）‌：块的一部分，依赖于块的上下文存在。例如，menuitem、listitem 等。 ‌ 3、修饰符（Modifier）‌：用于改变块或元素的外观或行为。例如，disabled、highlighted 等。 BEM 的命名规则 ‌ 块（Block）‌ 与 ‌ 元素（Element）‌ 之间用双连字符（--）连接。 ‌ 元素（Element）‌ 与 ‌ 修饰符（Modifier）‌ 之间用双下划线（__）连接。

<div class="menu">
  <div class="menu-tab menu-tab__style"></div>
</div>

注释规范

1、单行注释 ‌：以//开头，用于注释一行内容。 ‌2、多行注释 ‌：以/* 开头，以 */结尾，用于注释多行内容。

单行注释例下：
// 这里是注释内容

多行注释如下：
/**
 * 查询字典数据详情
 * @params
 * @returns
 */