前端代码命名规范

(1)HTML代码规范

1、标签名和属性都使用小写,虽然HTML代码不区分大小写,但是推荐在书写HTML代码时,使用小写。

2、属性值使用双引号闭合。

3、给所有关键元素东定义id和class,便于和CSS、JavaScript交互。

4、id中的关键词使用下划线(_)连接,class中的关键词使用中划线连接(-)。

5、如果class名称仅仅用作JavaScript钩子,可在名称中添加“js-”前缀。

6、如果元素包含子元素,则起始标签和结束标签应该各自独占一行。

(2)CSS代码规范

1、关键字使用中划线隔开。

2、左大括号与选择器在同一行,并且中间有一个空格。

3、多个选择器具有相同属性时,选择器各自独占一行。

如:

 1 h1,h2,h3,h4,h5 {
 2   color:white;
 3   font-family:"Times New Roman",Georgia,Serif;
 4 }
 5 /*应该写为*/
 6 h1,
 7 h2,
 8 h3,
 9 h4,
10 h5 {
11   color:white;
12   font-family:"Times New Roman",Georgia,Serif;
13 }

(3)JavaScript代码规范

1,、局部变量首字母小写,其他单词首字母大写。

2、共有接口首字母大写,私有接口首字母小写。

3、jQuery变量添加美元符“$”前缀。

4、推荐使用单引号定义字符串。

5、句尾添加分号。

原文地址:https://www.cnblogs.com/DM428/p/7224911.html