命名规范

简介:

由历史原因及个人习惯引起的 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,如需转载请自行联系原作者





相关文章
|
29天前
|
IDE Linux 开发工具
物理设备命名规则
在Linux系统中,一切皆为文件,包括硬件设备。udev设备管理器负责将硬件名称规范化,以便用户通过设备文件名了解设备属性和分区信息。常见的设备文件名包括:IDE设备(/dev/hd[a-d])、SCSI、SATA、U盘(/dev/sd[a-p])、软驱(/dev/fd[0-1])、光驱(/dev/cdrom)和鼠标(/dev/mouse)。主分区或扩展分区编号从1到4,逻辑分区从5开始。
40 2
|
5月前
|
JavaScript 前端开发 Java
驼峰命名规范及其在代码可读性中的重要性
驼峰命名规范及其在代码可读性中的重要性
|
5月前
|
Java 程序员
驼峰命名法在编程中的应用
驼峰命名法在编程中的应用
|
5月前
|
存储 Java 测试技术
day5:Java关键字、标识符和命名规范
【7月更文挑战第5天】🏆本文收录于「滚雪球学Java」专栏,专业攻坚指数级提升,希望能够助你一臂之力,帮你早日登顶实现财富自由🚀;同时,欢迎大家关注&&收藏&&订阅!持续更新中,up!up!up!!
65 0
|
6月前
|
程序员
常见代码命名规范
常见代码命名规范
125 0
|
Unix 开发工具 C++
代码规范:命名规则
【规则 3-2-6】类的数据成员加前缀 m_(表示 member),这样可以避免数据成员与成员函数的参数同名
108 0
|
OLAP
代码命名规范
代码命名规范
135 0
|
程序员 C++
编程命名规则
编程命名规则
118 0
|
开发者 Python
标识符的命名规则与规范 | 学习笔记
快速学习 标识符的命名规则与规范
标识符的命名规则与规范 | 学习笔记