文章出處

前面的話

  由歷史原因及個人習慣引起的 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

//公共模塊:
m_btn_goodlist@2x.png
m_btn_goodlist.png

//非公共模塊:
wx_btn_goodlist@2x.png
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

 


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()