前端命名规范
1.项目命名
全部采用小写的风格,用中划线隔开
正例:
project-vue2-test
2.路由命名
全部采用小驼峰命名法
正例:
/pay/payInfo
3.css命名规范
类名使用小写字母,以中划线分隔
'table-view' , 'grid-main'
id 采用驼峰式命名
'#customerAuthList'
网页外侧重要部分CSS样式命名(举例)
外套 wrap------------------用于最外层
头部header ----------------用于头部
主要内容main ------------用于主体内容(中部)
左侧 main-left -------------左侧布局
右侧 main-right -----------右侧布局
导航条 nav -----------------网页菜单导航条
内容 content ---------------用于网页中部
主体底部 footer -----------------用于底部
4.Javascript命名
变量命名
命名方法 : 小驼峰式命名命名规范 : 使用大写字母和下划线来组合命名,下划线用以分割单词。例如:'tableTitle'
常量
命名方法: 全部大写命名规范: 使用大写字母和下划线来组合命名,下划线用以分割单词。例如:const MAX_COUNT = 10;const URL = 'http://www.baidu.com';
函数
命名方法 : 小驼峰式命名命名规范 : 使用大写字母和下划线来组合命名,下划线用以分割单词。推荐动词 : get/set/is/has/can/load(部分举例)例如:addBarCodeSave() / tableCurrentChange()
参数名、局部变量等统一使用小驼峰定义方法
例如:localValue / getHttpMessage() / applicationId注:代码中的命名不能以下划线或美元符号结束
其他
类:大驼峰,首字母大写例如:Person私有属性:前缀为_例如:_name
命名严谨性
1、代码中的命名严禁使用拼音与英文混合的方式,更不允许直接使用中文的方式。
2、说明:正确的英文拼写和语法可以让阅读者易于理解,避免歧义。
3、例如:beijing / luoyang / rmb 等国际通用的名称,可视同英文。4、杜绝完全不规范的缩写,避免望文不知义。