前端開發命名規則很重要，但是網上的命名規則一大篇，下麵是我總結的一些常用的短語，希望能幫到大家，肯定不全，歡迎大家補充。 1.如果是模塊，可以這樣首碼： 彈出：pop 公共：global（縮寫：gb） 標題：title,tit 提示：hint 菜單：menu 信息：info 預覽：pvw 導航：na ...
前端開發命名規則很重要，但是網上的命名規則一大篇，下麵是我總結的一些常用的短語，希望能幫到大家，肯定不全，歡迎大家補充。
1.如果是模塊，可以這樣首碼：
彈出：pop 公共：global（縮寫：gb）
標題：title,tit 提示：hint
菜單：menu 信息：info
預覽：pvw 導航：nav
2.類型：
按鈕：btn 文本：txt
段落：p 圖標：icon
顏色：color（縮寫：c） 背景：bg
邊框：bor
3.作用：
設置：set 添加：add
刪除：del 操作：op
密碼：pw 導入：inc
4.狀態：
成功：suc 失敗：lost 透明：tran
基本上常用的就這麼多，大家可以一起來補充
5.下麵我列的幾個小例子：
文本輸入框： .input_txt
段落文本顏色： .tx_c_p
密碼輸入框： .input_pw
相冊彈出的設置層： .pop_set_photo
登錄密碼輸入框： .input_pw_login
日誌設置成功提示： .hint_suc_blogset
公共提示： .hint_gb
......
6.常用的塊命名
頁頭： header 登錄條： loginBar
標誌： logo 側欄： sideBar
廣告： Banner 導航： nav
子導航： subNav 菜單： menu
子菜單： subMenu 搜索： search
滾動： scroll 頁面主體：main
內容： content 標簽頁： tab
文章列表：list 提示信息：msg
小技巧： tips 欄目標題：title
加入： joinus 指南： guild
服務： service 熱點： hot
新聞： news 下載： download
註冊： regsiter 狀態： status
投票： vote 友情鏈接：friendLink
頁腳： footer 版權： copyRight
