前端开发规范

前端命名规范

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、杜绝完全不规范的缩写,避免望文不知义。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容