前面的話 由歷史原因及個人習慣引起的 DOM 結構、命名不統一，導致不同成員在維護同一頁面時，效率低下，迭代、維護成本極高。所以，使用統一的命名規範非常必要。本文將詳細介紹命名規範 目錄命名 1、項目文件夾：projectname 2、樣式文件夾：css 3、腳本文件夾：js 4、樣式類圖片文件夾： ...
前面的話
由歷史原因及個人習慣引起的 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
//公共模塊：
[email protected]
m_btn_goodlist.png
//非公共模塊：
[email protected]
wx_btn_goodlist.png
btn_goodlist.png
文件命名
確保文件命名總是以字母開頭而不是數字，且字母一律小寫，以下劃線連接且不帶其他標點符號，如
<!-- HTML -->
connect.html
connect_list.html
connect_detail.html
<!-- SASS -->
connect.scss
connect_list.scss
connect_detail.scss
