開(kāi)發(fā)規(guī)范（前端）
版本：v1.0
日期：2022-01-15
一：命名規(guī)范
命名統(tǒng)一使用英文單詞，要求簡(jiǎn)單，通俗易懂。
項(xiàng)目命名
使用小寫(xiě)字母，多單詞采用 “ – ” 中劃線拼接。
例如：my-world / world
文件夾命名
使用小寫(xiě)字母，多單詞采用 “ – ” 中劃線拼接。
例如：home-page / home
文件命名
使用小寫(xiě)字母，多單詞采用 “ – ” 中劃線拼接。
例如：home-page / home
變量命名
使用小駝峰命名。如果單文件中變量過(guò)多，可能會(huì)出現(xiàn)重名的情況，建議增加前綴來(lái)區(qū)分不同功能的變量?；蛘甙炎兞坎鸱值讲煌奈募?。
例如：maxHeight / userMaxHeight / homeMaxHeight
常量命名
全部使用大寫(xiě)字母。多單詞采用 “ _ ” 下劃線隔開(kāi)。
例如：const USER_TYPE = “9001”；
函數(shù)命名
規(guī)范一：使用小駝峰命名。被繼承的父類的私有函數(shù)需要增加下劃線前綴 “ _getPrice() ”。
例如：showToast / _getPrice
規(guī)范二：根據(jù)函數(shù)作用，適當(dāng)添加動(dòng)詞前綴。
例如：getSize / setSize / hasNumber
前綴請(qǐng)查看文檔最底部“附件一：（函數(shù)命名動(dòng)詞前綴整合）”
二：注釋規(guī)范
簡(jiǎn)單易懂的變量方法，盡量編寫(xiě)注釋。復(fù)雜難懂的變量方法，必須編寫(xiě)注釋
單行注釋 //
在代碼上一行編寫(xiě)單行注釋，簡(jiǎn)單介紹下方代碼用途、注意事項(xiàng)等內(nèi)容。
多行注釋 /* */ 或 /** */
方法必須使用多行注釋。當(dāng)變量或代碼塊復(fù)雜，單行注釋不足以解釋清楚的時(shí)候，也需要使用多行注釋。
例如：
// 商品名稱
goodsName: ‘獼猴桃’,
/**
* 傳入人員姓名，從數(shù)據(jù)庫(kù)中查詢?cè)撊藛T的手機(jī)號(hào)碼
* @param {String} userName 姓名
* @return {Number} 手機(jī)號(hào)
*/
getUserMobile(userName){
……
return mobile;
},
三：CSS規(guī)范
1. class類名使用小寫(xiě)字母，多單詞采用 “ – ” 中劃線拼接。
2. id采用小駝峰命名。
3. scss、less中變量、函數(shù)、mixin統(tǒng)一采用小駝峰命名。
4. 縮進(jìn)整潔有序。
四：項(xiàng)目規(guī)范
項(xiàng)目結(jié)構(gòu)建議規(guī)范（實(shí)際根據(jù)具體需求邏輯進(jìn)行調(diào)整）
src
api 所有接口封裝
asstes 資源文件
– images 圖片
– videos
components 所有組件
router 路由
store 狀態(tài)管理
styles 公共樣式
utils 公共函數(shù)庫(kù)
view 視圖
– home 視圖文件需要分模塊分文件夾存放
home.vue
home-detail.view
– user
五：附件
附件一：（函數(shù)命名動(dòng)詞前綴整合）
get獲取/set設(shè)置 | add增加/remove刪除 | create創(chuàng)建/destory移除 |
start啟動(dòng)/stop停止 | open打開(kāi)/close關(guān)閉 | read讀取/write寫(xiě)入 |
load載入/save保存 | create創(chuàng)建/destroy銷毀 | submit 提交/commit 交付 |
backup備份/restore恢復(fù) | import導(dǎo)入/export導(dǎo)出 | split分割/merge合并 |
inject注入/extract提取 | attach附著/detach脫離 | bind綁定/separate分離 |
view查看/browse瀏覽 | edit 編輯/modify修改 | select選取/mark標(biāo)記 |
copy復(fù)制/paste粘貼 | undo撤銷/redo重做 | insert插入/delete移除 |
add加入/append添加 | clean清理/clear清除 | index索引/sort排序 |
find查找/search搜索 | increase增加/decrease減少 | play播放/pause暫停 |
observe觀察/listen監(jiān)聽(tīng) | build 構(gòu)建/publish發(fā)布 | input輸入/output輸出 |
encode 編碼/decode解碼 | encrypt 加密/decrypt 解密 | send 發(fā)送/receive接收 |
pack 打包/unpack解包 | parse 解析/emit 生成 | connect連接/disconnect斷開(kāi) |
download下載/upload上傳 | update更新/revert復(fù)原 | refresh刷新/synchronize同步 |
lock鎖定/unlock解鎖 | checkOut簽出/checkIn簽入 | begin開(kāi)始/end結(jié)束 |
push推/pull拉 | expand展開(kāi)/collapse折疊 | begin起始/end結(jié)束 |
start開(kāi)始/finish 完成 | enter進(jìn)入/exit退出 | abort放棄/quit離開(kāi) |
debug調(diào)試/trace跟蹤 | collect收集/aggregate聚集 | obsolete廢棄/depreciate廢舊 |
launch啟動(dòng)/run運(yùn)行 | compile編譯/execute執(zhí)行 |
