js:駝峰 firstName
css:中劃線 first-name
class : FirstName
html : data-first-name(id:firstName)
文件:中/下劃線
圖片:頭尾兩部分,下劃線隔開,頭表示大類(banner:放置在頁面頂部的廣告,裝飾圖案等長方形的圖片
logo:標(biāo)志性的圖片
button:在頁面上位置不固定,并且?guī)в墟溄拥男D片
menu:在頁面中某一位置連續(xù)出現(xiàn),性質(zhì)相同的鏈接欄目的圖片
pic:裝飾用的圖片
例子:
banner_sohu.gif, banner_sina.gif
menu_aboutus.gif,menu_job.gif
title_news.gif
logo_police.gif
pic_people.gif)
文件名稱:小寫英文字母,數(shù)字和下劃線(首頁—index 產(chǎn)品列表—prelist 產(chǎn)品詳細(xì)頁面—prodetail 新聞列表—newslist
新聞詳細(xì)頁面—newsdetail 發(fā)展歷史—history 關(guān)于我們—aboutus 聯(lián)系我們—linkus,contactus
信息反饋—feedback 留言—leavewords)
腳本文件和動態(tài)文本:英文小寫縮寫命名(廣告條ad.js,彈出窗口pop.js
公用模塊:js文件命名:英文命名,后綴js。如common.js,basic.js
外部資源:Jquery.min.js,Jquery.validate.js,Jquery.date.js
動態(tài)文件:以性質(zhì)描述,可以有多個單詞,用‘_’隔開,性質(zhì)一般是該頁面的概要(見名知意)。
范例:register_form.aspx,register_post.aspx,topic_lock.aspx)
常用規(guī)范
? s:表示字符串。例如:sName,sHtml;
n:表示數(shù)字。例如:nPage,nTotal;
b:表示邏輯。例如:bChecked,bHasLogin;
a:表示數(shù)組。例如:aList,aGroup;
r:表示正則表達式。例如:rDomain,rEmail;
f:表示函數(shù)。例如:fGetHtml,fInit;
o:表示以上未涉及到的其他對象,例如:oButton,oDate;
g:表示全局變量,例如:gUserName,gLoginTime;
常量
? 某些作為不允許修改值的變量認(rèn)為是常量,全部字母都大寫。
? 例如:COPYRIGHT,PI。
? 常量可以存在于函數(shù)中,也可以存在于全局。
Jquery
? $:表示Jquery對象。例如:$Content,$Module;
一種比較廣泛的Jquery對象變量命名規(guī)范。
j:表示Jquery對象。例如:jContent, jModule;
另一種Jquery對象變量命名方式。
函數(shù)
? fn:表示函數(shù)。例如:fnGetName,fnSetAge;
? fn能夠更好的區(qū)分普通變量和函數(shù)變量。
dom
? dom:表示Dom對象,例如:domForm,domInput;
項目中很多地方會用到原生的Dom方法及屬性,可以根據(jù)團隊需要適當(dāng)修改。
臨時變量
? 1:作用域不大臨時變量可以簡寫,比如:str,num,bol,obj,fun,arr。
2:循環(huán)變量可以簡寫,比如:i,j,k等。
常用動詞
? get 獲取/set 設(shè)置/add 增加/remove 刪除/create 創(chuàng)建/destory 移除
? start 啟動/stop 停止/open 打開/close 關(guān)閉/read 讀取/write 寫入
? load 載入/save 保存/create 創(chuàng)建/destroy 銷毀
? begin 開始/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 啟動/run 運行/pack 打包/unpack 解包/parse 解析/emit 生成
? compile 編譯/execute 執(zhí)行/debug 調(diào)試/trace 跟蹤
? observe 觀察/listen 監(jiān)聽/build 構(gòu)建/publish 發(fā)布/push 推/pull 拉
? input 輸入/output 輸出/encode 編碼/decode 解碼
? expand 展開/collapse 折疊/encrypt 加密/decrypt 解密
? compress 壓縮/decompress 解壓縮
? connect 連接/disconnect 斷開/send 發(fā)送/receive 接收
? download 下載/upload 上傳/refresh 刷新/synchronize 同步
? update 更新/revert 復(fù)原/lock 鎖定/unlock 解鎖
? check out 簽出/check in 簽入/submit 提交/commit 交付
? begin 起始/end 結(jié)束/start 開始/finish 完成/enter 進入/exit 退出
? abort 放棄/quit 離開/obsolete 廢棄/depreciate 廢舊
? collect 收集/aggregate 聚集