十八. 前端命名规范

477 阅读1分钟

1.命名方式

  • 小驼峰命名法(lowerCamelCase) :第一个单词以小写字母开始,第二个单词的首字母大写,例如:firstName、lastName。

  • 大驼峰命名法(CamelCase) :每一个单词的首字母都采用大写字母,例如:FirstName、LastName。

  • 下划线命名法(snake_case):下划线命名法也叫蛇形法,全由小写字母和下划线组成,在两个单词之间用下滑线连接。例如:first_name。

  • 中划线命名法(kebab-case):中划线命名法也叫串式命名法,各个单词之间通过下划线“-”连接。例如:first-name。

2. 目录/资源 文件命名

  • 强制使用:中划线命名法
命名规则:
(1)、文件名不得含有空格

(2)、文件名建议只使用小写字母,不使用大写字母

(3)、文件名包含多个单词时,单词之间建议连词线 ( - ) 分隔

(4)、有复数结构式,要使用复数

示例:login 、 error-page、 icons

3. 函数命名

  • 强制使用:小驼峰命名法
(1)、onXxx 监听事件的回调

(2)、handleXxx 处理事件

(3)、getXxx 获取某个值

(4)、setXxx 设置某个值

4. 变量命名

  • 一般属性变量 强制使用:小驼峰命名法

5. 组件命名

  • 强制使用:大驼峰命名法

6. class、id 、标签、属性命名

  • 建议使用: 中划线命名法, 或 下划线命名