首頁(yè)電商視覺(jué)設(shè)計(jì)技術(shù)文章正文

UI培訓(xùn)之JS命名規(guī)范

更新時(shí)間:2016年03月15日17時(shí)28分來(lái)源:傳智播客UI培訓(xùn)學(xué)院瀏覽次數(shù):

^概述

^{課程難度：初級(jí)}

^{課程需要的知識(shí)：JS基礎(chǔ)}

^{為什么需要命名規(guī)范}

^{為什么需要這樣強(qiáng)制定義變量前綴？正式因?yàn)閖avascript是弱語(yǔ)言造成的。在定義大量變量的時(shí)候，我們需要很明確的知道當(dāng)前變量是什么屬性，如果只通過(guò)普通單詞，是很難區(qū)分的}

^{常用規(guī)范}

^{• s：表示字符串。例如：sName，sHtml；}

^{n：表示數(shù)字。例如：nPage，nTotal；}

^{b：表示邏輯。例如：bChecked，bHasLogin；}

^{a：表示數(shù)組。例如：aList，aGroup；}

^{r：表示正則表達(dá)式。例如：rDomain，rEmail；}

^{f：表示函數(shù)。例如：fGetHtml，fInit；}

^{o：表示以上未涉及到的其他對(duì)象，例如：oButton，oDate；}

^{g：表示全局變量，例如：gUserName，gLoginTime；}

^常量

^{• 某些作為不允許修改值的變量認(rèn)為是常量，全部字母都大寫。}

^{• 例如：COPYRIGHT，PI。}

^{• 常量可以存在于函數(shù)中，也可以存在于全局。}

^Jquery

^{• $：表示Jquery對(duì)象。例如：$Content，$Module；}

^{一種比較廣泛的Jquery對(duì)象變量命名規(guī)范。}

^{j：表示Jquery對(duì)象。例如：jContent， jModule；}

^{另一種Jquery對(duì)象變量命名方式。}

^函數(shù)

^{• fn：表示函數(shù)。例如：fnGetName，fnSetAge；}

^{• fn能夠更好的區(qū)分普通變量和函數(shù)變量。}

^dom

^{• dom：表示Dom對(duì)象，例如：domForm，domInput；}

^{項(xiàng)目中很多地方會(huì)用到原生的Dom方法及屬性，可以根據(jù)團(tuán)隊(duì)需要適當(dāng)修改。}

^{臨時(shí)變量}

^{• 1：作用域不大臨時(shí)變量可以簡(jiǎn)寫，比如：str，num，bol，obj，fun，arr。}

^{2：循環(huán)變量可以簡(jiǎn)寫，比如：i，j，k等。}

^{常用動(dòng)詞}

^{• get 獲取/set 設(shè)置/add 增加/remove 刪除/create 創(chuàng)建/destory 移除}

^{• start 啟動(dòng)/stop 停止/open 打開(kāi)/close 關(guān)閉/read 讀取/write 寫入}

^{• load 載入/save 保存/create 創(chuàng)建/destroy 銷毀}

^{• begin 開(kāi)始/end 結(jié)束/backup 備份/restore 恢復(fù)/detach 脫離}

^{• import 導(dǎo)入/export 導(dǎo)出/split 分割/merge 合并/inject 注入/extract 提取}

^{• attach 附著/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 暫停/}

^{• launch 啟動(dòng)/run 運(yùn)行/pack 打包/unpack 解包/parse 解析/emit 生成}

^{• compile 編譯/execute 執(zhí)行/debug 調(diào)試/trace 跟蹤}

^{• observe 觀察/listen 監(jiān)聽(tīng)/build 構(gòu)建/publish 發(fā)布/push 推/pull 拉}

^{• input 輸入/output 輸出/encode 編碼/decode 解碼}

^{• expand 展開(kāi)/collapse 折疊/encrypt 加密/decrypt 解密}

^{• compress 壓縮/decompress 解壓縮}

^{• connect 連接/disconnect 斷開(kāi)/send 發(fā)送/receive 接收}

^{• download 下載/upload 上傳/refresh 刷新/synchronize 同步}

^{• update 更新/revert 復(fù)原/lock 鎖定/unlock 解鎖}

^{• check out 簽出/check in 簽入/submit 提交/commit 交付}

^{• begin 起始/end 結(jié)束/start 開(kāi)始/finish 完成/enter 進(jìn)入/exit 退出}

^{• abort 放棄/quit 離開(kāi)/obsolete 廢棄/depreciate 廢舊}

^{• collect 收集/aggregate 聚集}

^總結(jié)

本文版權(quán)歸傳智播客UI培訓(xùn)學(xué)院所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明作者出處。謝謝！
作者：傳智播客UI培訓(xùn)學(xué)院
首發(fā)：

http://xamj520.com/ui

上一篇：UI培訓(xùn)之DIV高度自適應(yīng)方法匯總 下一篇：UI培訓(xùn)之將模糊照片變成清晰照片

全國(guó)校區(qū)

熱門課程

UI培訓(xùn)之JS命名規(guī)范

最新資訊

相關(guān)閱讀

熱門課程推薦