命名规范
命名方式
驼峰命名法(
camelCase):要求第一个单词首字母小写,后面其他单词首字母大写。如:myAge、myName、manHeight- 普通变量使用
大驼峰命名法、帕斯卡命名法(
UpperCamelCase):与小驼峰式命名法的最大区别在于,每个单词的第一个字母都要大写。如:MyAge、MyName、ManHeight- 组件、类变量使用
蛇形命名法(
snake_case):各个单词之间使用_短横线分割。如:my_age、my_name、man_height串式命名法(
kebab-case):各个单词之间使用-短横线分割。如:my-age、my-name、man-height- 文件名称使用
html元素使用
通用
- 名称只能由字母、数字、下划线、$符号组成
- 不能以数字开头
- 名称不能使用程序语言的关键字
- 坚决不允许出现中文
正确的英文拼写和语法可以让阅读者易于理解,避免歧义。注意,纯拼音命名方式可以特殊使用,但尽量避免采用。
ali / alibaba / taobao / cainiao/ aliyun/ youku / hangzhou 等国际通用的名称,可视同英文。
在避免冲突并描述清楚的前提下尽可能短:
nav:✔navigation:❌comment:✔com:❌error:✔red:❌
项目命名
使用kebab-case,如:dayesmart-tourism-console
dayesmart:公司域tourism:项目名称,使用英文,可以衔接多个单词如:guilin-tourismconsole:项目类型:console:后台管理screen:可视化mini:小程序h5:移动端webweb:pc端web
目录命名
使用kebab-case:
- 使用完整单词,尽量不用缩写
- 完整英文单词使用复数表示,缩写单词不用复数
文件命名
使用kebab-case
- 使用完整单词,尽量不用缩写
变量命名
使用camelCase
方法名称必须是【动词】或者【动词+名词】的方式,如:
getHttpMessageopenShopCarInfoDialogsaveShopCarData
函数方法常用的动词:
get获取/set设置add增加/remove删除create创建/destory移除start启动/stop停止open打开/close关闭read读取/write写入load载入/save保存create创建/destroy销毁begin开始/end结束backup备份/restore恢复import导入/export导出split分割/merge合并inject注入/extract提取attach附着/detach脱离bind绑定/separate分离view查看/browse浏览edit编辑/modify修改select选取/mark标记copy复制/paste粘贴undo撤销/redo重做insert插入/delete移除add加入/append添加clean清理/clear清除index索引/sort排序find查找/search搜索increase增加/decrease减少play播放/pause暂停launch启动/run运行compile编译/execute执行debug调试/trace跟踪observe观察/listen监听build构建/publish发布input输入/output输出encode编码/decode解码encrypt加密/decrypt解密compress压缩/decompress解压缩pack打包/unpack解包parse解析/emit生成connect连接/disconnect断开send发送/receive接收download下载/upload上传refresh刷新/synchronize同步update更新/revert复原lock锁定/unlock解锁checkout签出/checkin签入submit提交/commit交付push推/pull拉expand展开/collapse折叠begin起始/end结束start开始/finish完成enter进入/exit退出abort放弃/quit离开obsolete废弃/depreciate废旧collect收集/aggregate聚集
增删查改统一使用如下 5 个单词
adddeletedetailupdateget
常量命名在snake_case的基础上使用全大写,并使语义表达清楚:
MAX_STOCK_COUNT:✔MAX_COUNT:❌
元素类名、id
使用kebab-case:
必须代表相应模块或部件的内容或功能,不得以样式信息进行命名。
