Web前端代码格式规范
THML
- HTML代码所有的标签名和属性为小写,且属性值使用双引号闭合;
- HTML中命名根据语义和DOM树的层级关系来定义合适的名称,名称全部采用小写。id名称中的单词以下划线(_)连接,class中的单词以中划线(-)连接;
- 如果class名称仅作为JavaScript调用的“钩子”,则可以在名称中添加”js”作为前缀;
- 代码层级缩进为4个空格。
CSS
- CSS类名命名规则和元素id命名规则类似,只是单词间使用中划线(-)连接;
- 避免class命名重复,命名时取父元素的class名作为前缀;
- 多个选择器具有相同的样式声明时,每个选择器应该独占一行;
JavaScript
- 局部变量采用首字母小写的驼峰命名规则;
- 原则上公有接口的命名为首字母大写,私有接口的命名为首字母小写;
- 给jQuery类型变量添加”$”作为前缀;
- 字符串使用单引号(’)定义,可方便在字符串内部包含含有双引号的HTML代码;
- JavaScript语句结束时应该添加分号(;)
JavaScript自动插入分号算法,在没有添加分号的JavaScript语句结束处会自动添加一个分号,但是如果语句的下一行以
[
、(
、+
、-
、/
开头则不会在此语句后面添加分号。