前端代码命名规范

Posted Russ Zhong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端代码命名规范相关的知识,希望对你有一定的参考价值。

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

以上是关于前端代码命名规范的主要内容,如果未能解决你的问题,请参考以下文章

前端代码命名规范

前端开发必备的CSS命名规范与常用CSS代码集合

前端开发代码结构及性能优化大总结

前端代码规范

前端开发效率提高之代码规范篇

十年程序员,总结出来的前端代码书写规范!