命名规范
命名方式
驼峰命名法(
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-tourism
console
:项目类型:console
:后台管理screen
:可视化mini
:小程序h5
:移动端web
web
:pc
端web
目录命名
使用kebab-case
:
- 使用完整单词,尽量不用缩写
- 完整英文单词使用复数表示,缩写单词不用复数
文件命名
使用kebab-case
- 使用完整单词,尽量不用缩写
变量命名
使用camelCase
方法名称必须是【动词】或者【动词+名词】的方式,如:
getHttpMessage
openShopCarInfoDialog
saveShopCarData
函数方法常用的动词:
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 个单词
add
delete
detail
update
get
常量命名在snake_case
的基础上使用全大写,并使语义表达清楚:
MAX_STOCK_COUNT
:✔MAX_COUNT
:❌
元素类名、id
使用kebab-case
:
必须代表相应模块或部件的内容或功能,不得以样式信息进行命名。