命名规范

简介:

由历史原因及个人习惯引起的 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

 

文件命名

  确保文件命名总是以字母开头而不是数字,且字母一律小写,以下划线连接且不带其他标点符号,如

 

connect_detail.scss












本文转自xsster51CTO博客,原文链接: http://blog.51cto.com/12945177/1948443,如需转载请自行联系原作者





相关文章
|
9月前
常见代码命名规范
常见代码命名规范
80 0
|
4月前
驼峰命名法
驼峰命名法
45 0
|
4月前
|
Go 开发者
详细介绍 Go 语言的命名规范,包括标识符、包名、变量命名、函数命名等
详细介绍 Go 语言的命名规范,包括标识符、包名、变量命名、函数命名等
46 0
详细介绍 Go 语言的命名规范,包括标识符、包名、变量命名、函数命名等
|
5月前
|
Unix 开发工具 C++
代码规范:命名规则
【规则 3-2-6】类的数据成员加前缀 m_(表示 member),这样可以避免数据成员与成员函数的参数同名
39 0
|
9月前
|
OLAP
代码命名规范
代码命名规范
84 0
|
10月前
|
程序员 C++
编程命名规则
编程命名规则
|
Python
Python编程:将驼峰命名转为小写下划线命名
Python编程:将驼峰命名转为小写下划线命名
127 0
|
开发者 Python
标识符的命名规则与规范 | 学习笔记
快速学习 标识符的命名规则与规范
188 0
标识符的命名规则与规范 | 学习笔记
|
API C++ Windows
C++命名规则&书写规范
C++命名规则&书写规范