命名规范

JavaScript 命名规范

查看详细规范

变量命名

1. 使用有意义的变量名
2. 使用驼峰命名法（camelCase）
3. 布尔值变量使用 is、has、can 等前缀
4. 常量使用全大写，下划线分隔

函数命名

1. 使用动词开头
2. 使用驼峰命名法
3. 事件处理函数使用 handle 前缀
4. 私有函数使用下划线前缀

类命名

1. 使用大驼峰命名法（PascalCase）
2. 使用名词
3. 避免使用缩写

Vue 命名规范

查看详细规范

组件命名

1. 使用大驼峰命名法
2. 使用有意义的名称
3. 基础组件使用特定前缀

属性命名

1. 使用驼峰命名法
2. 使用有意义的名称
3. 布尔值属性使用 is、has、can 等前缀

事件命名

1. 使用 kebab-case
2. 使用动词开头
3. 使用 handle 前缀

CSS 命名规范

查看详细规范

类名命名

1. 使用小写字母
2. 使用连字符（-）分隔
3. 使用有意义的名称
4. 避免使用缩写

ID 命名

1. 使用小写字母
2. 使用连字符（-）分隔
3. 使用有意义的名称
4. 避免使用缩写

BEM 命名规范

查看详细规范

块（Block）

1. 使用小写字母
2. 使用连字符（-）分隔
3. 使用有意义的名称

元素（Element）

1. 使用双下划线（__）连接
2. 使用小写字母
3. 使用有意义的名称

修饰符（Modifier）

1. 使用双连字符（--）连接
2. 使用小写字母
3. 使用有意义的名称

SASS 命名规范

查看详细规范

变量命名

1. 使用 $ 前缀
2. 使用小写字母
3. 使用连字符（-）分隔
4. 使用有意义的名称

混合器命名

1. 使用 @mixin 前缀
2. 使用小写字母
3. 使用连字符（-）分隔
4. 使用有意义的名称

函数命名

1. 使用小写字母
2. 使用连字符（-）分隔
3. 使用有意义的名称
4. 使用动词开头