前端命名規(guī)范

1.項(xiàng)目命名

全部采用小寫的風(fēng)格，用中劃線隔開

正例：

project-vue2-test

2.路由命名

全部采用小駝峰命名法

正例：

/pay/payInfo

3.css命名規(guī)范

類名使用小寫字母，以中劃線分隔

'table-view' ， 'grid-main'

id 采用駝峰式命名

'#customerAuthList'

網(wǎng)頁外側(cè)重要部分CSS樣式命名（舉例）

外套 wrap------------------用于最外層

頭部header ----------------用于頭部

主要內(nèi)容main ------------用于主體內(nèi)容（中部）

左側(cè) main-left -------------左側(cè)布局

右側(cè) main-right -----------右側(cè)布局

導(dǎo)航條 nav -----------------網(wǎng)頁菜單導(dǎo)航條

內(nèi)容 content ---------------用于網(wǎng)頁中部

主體底部 footer -----------------用于底部

4.Javascript命名

變量命名

命名方法 : 小駝峰式命名命名規(guī)范 : 使用大寫字母和下劃線來組合命名，下劃線用以分割單詞。例如：'tableTitle'

常量

命名方法: 全部大寫命名規(guī)范: 使用大寫字母和下劃線來組合命名，下劃線用以分割單詞。例如：const MAX_COUNT = 10;const URL = 'http://www.baidu.com';

函數(shù)

命名方法 : 小駝峰式命名命名規(guī)范 : 使用大寫字母和下劃線來組合命名，下劃線用以分割單詞。推薦動(dòng)詞 : get/set/is/has/can/load(部分舉例)例如：addBarCodeSave() / tableCurrentChange()

參數(shù)名、局部變量等統(tǒng)一使用小駝峰定義方法

例如：localValue / getHttpMessage() / applicationId注：代碼中的命名不能以下劃線或美元符號(hào)結(jié)束

其他

類:大駝峰，首字母大寫例如：Person私有屬性:前綴為_例如：_name

命名嚴(yán)謹(jǐn)性

1、代碼中的命名嚴(yán)禁使用拼音與英文混合的方式，更不允許直接使用中文的方式。

2、說明：正確的英文拼寫和語法可以讓閱讀者易于理解，避免歧義。

3、例如：beijing / luoyang / rmb 等國際通用的名稱，可視同英文。4、杜絕完全不規(guī)范的縮寫，避免望文不知義。