-
变量命名：
- 使用小驼峰式命名（lowerCamelCase）：变量名首字母小写，之后每个单词首字母大写。例如：
myVariable、studentName。 - 常量应当使用全大写，并用下划线分隔（UPPER_CASE_WITH_UNDERSCORES）。例如：
MAX_USERS_COUNT。
- 使用小驼峰式命名（lowerCamelCase）：变量名首字母小写，之后每个单词首字母大写。例如：
-
函数命名：
- 采用小驼峰式命名，表示动作或功能。例如：
handleClick、calculateTotalPrice。
- 采用小驼峰式命名，表示动作或功能。例如：
-
类命名：
- 使用大驼峰式命名（PascalCase），即每个单词首字母都大写。例如：
UserManager、ProductCategory.
- 使用大驼峰式命名（PascalCase），即每个单词首字母都大写。例如：
-
CSS类名与ID选择器：
- 类名推荐使用短横线连接法（kebab-case 或称为 "slug" case），例如：
.my-class-name。 - ID选择器虽然不常用，但也建议遵循类似规则，如：
#my-id。
- 类名推荐使用短横线连接法（kebab-case 或称为 "slug" case），例如：
-
React组件命名：
- 组件名称通常也遵循大驼峰式命名，因为它们代表的是自定义元素。例如：
MyComponent、AppHeader。
- 组件名称通常也遵循大驼峰式命名，因为它们代表的是自定义元素。例如：
-
文件和目录命名：
- 文件和目录名通常使用小写字母并用短横线分隔，例如：
user-profile.js、components/button。
- 文件和目录名通常使用小写字母并用短横线分隔，例如：
-
事件命名：
- 自定义事件名推荐使用小驼峰式命名，但根据实际需要可能包含特定前缀来区分是用户行为还是系统内部事件，例如：
onButtonClick。
- 自定义事件名推荐使用小驼峰式命名，但根据实际需要可能包含特定前缀来区分是用户行为还是系统内部事件，例如：
-
布尔值变量：
- 可以通过is、has、should等前缀来表明变量为布尔类型且表达一种状态，例如：
isVisible、isEnabled。
- 可以通过is、has、should等前缀来表明变量为布尔类型且表达一种状态，例如：
-
枚举值：
- 枚举类型的常量可以使用全大写并用下划线分隔，或者也可以用单个大写的名词表示，例如：
COLOR_RED、StatusActive。
- 枚举类型的常量可以使用全大写并用下划线分隔，或者也可以用单个大写的名词表示，例如：
常见的前端命名规范
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 本文首发于我的个人网站：http://cherryblog.site/ （背景更换了不知道大家有没有发现呢，嘻嘻）...
- Java: 类名：帕斯卡命名法，首字母大写，例如：MyClass, EmployeeData. 方法名：驼峰命名法...
- 前言 关于代码命名，我相信是经常困扰很多小伙伴的一个问题，尤其是对于强迫症晚期患者。怎么说呢，每次小编在写代码之前...
