前面的話

由歷史原因及個人習慣引起的 DOM 結構、命名不統一，導致不同成員在維護同一頁面時，效率低下，迭代、維護成本極高。所以，使用統一的命名規範非常必要。本文將詳細介紹命名規範

目錄命名

1、項目文件夾：projectname

2、樣式文件夾：css

3、腳本文件夾：js

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

圖片命名

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

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

m_表示是否公共，可選

【圖片功能類別】

icon：模塊類固化的圖標

logo：LOGO類

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

btn：按鈕

bg：可平鋪或者大背景

pic ：表示當前內容或業務的圖片

【圖片模塊名稱】

goodslist：商品列表

goodsinfo：商品信息

userportrait：用戶頭像

【圖片精度】

普清：@1x

Retina：@2x | @3x

文件命名

確保文件命名總是以字母開頭而不是數字，且字母一律小寫，以下劃線連接且不帶其他標點符號，如

暑期互聯網遊學夏令營活動：http://www.ujiuye.com/zt/sqxly/?wt.bd=zt36716tt

2017大學生就業扶助基金：http://www.ujiuye.com/zt/jyfc/?wt.bd=zt36716tt

IT學習、就業交流互動群：http://www.ujiuye.com/zt/qqhdjlpt/?wt.bd=zt36716tt

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！