前端代码命名规范

Posted 2020-09-29 Russ Zhong

（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、句尾添加分号。