前面的話

　　由歷史原因及個人習(xí)慣引起的 DOM 結(jié)構(gòu)、命名不統(tǒng)一，導(dǎo)致不同成員在維護(hù)同一頁面時，效率低下，迭代、維護(hù)成本極高。所以，使用統(tǒng)一的命名規(guī)范非常必要。本文將詳細(xì)介紹命名規(guī)范

?

目錄命名

　　1、項(xiàng)目文件夾：projectname

　　2、樣式文件夾：css

　　3、腳本文件夾：js

　　4、樣式類圖片文件夾：img

?

圖片命名

　　圖片命名建議以以下順序命名：

　　（m_）圖片功能類別（必選） 圖片模塊名稱（可選） 圖片精度（可選）

　　m_表示是否公共，可選

【圖片功能類別】

　　icon：模塊類固化的圖標(biāo)

　　logo：LOGO類

　　spr：單頁面各種元素合并集合

　　btn：按鈕

　　bg：可平鋪或者大背景

　　pic ：表示當(dāng)前內(nèi)容或業(yè)務(wù)的圖片

【圖片模塊名稱】

　　goodslist：商品列表

　　goodsinfo：商品信息

　　userportrait：用戶頭像

【圖片精度】

　　普清：@1x

　　Retina：@2x | @3x

//公共模塊： m_btn_goodlist@2x.png m_btn_goodlist.png//非公共模塊： wx_btn_goodlist@2x.png wx_btn_goodlist.png btn_goodlist.png

?

文件命名

　　確保文件命名總是以字母開頭而不是數(shù)字，且字母一律小寫，以下劃線連接且不帶其他標(biāo)點(diǎn)符號，如

<!-- HTML --> connect.html connect_list.html connect_detail.html <!-- SASS --> connect.scss connect_list.scss connect_detail.scss

?

總結(jié)

以上是生活随笔為你收集整理的命名规范的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。