Web前端代码格式规范

Web前端代码格式规范

THML

  1. HTML代码所有的标签名和属性为小写,且属性值使用双引号闭合;
  2. HTML中命名根据语义和DOM树的层级关系来定义合适的名称,名称全部采用小写。id名称中的单词以下划线(_)连接,class中的单词以中划线(-)连接;
  3. 如果class名称仅作为JavaScript调用的“钩子”,则可以在名称中添加”js”作为前缀;
  4. 代码层级缩进为4个空格。

CSS

  1. CSS类名命名规则和元素id命名规则类似,只是单词间使用中划线(-)连接;
  2. 避免class命名重复,命名时取父元素的class名作为前缀;
  3. 多个选择器具有相同的样式声明时,每个选择器应该独占一行;

JavaScript

  1. 局部变量采用首字母小写的驼峰命名规则;
  2. 原则上公有接口的命名为首字母大写,私有接口的命名为首字母小写;
  3. 给jQuery类型变量添加”$”作为前缀;
  4. 字符串使用单引号(’)定义,可方便在字符串内部包含含有双引号的HTML代码;
  5. JavaScript语句结束时应该添加分号(;)

JavaScript自动插入分号算法,在没有添加分号的JavaScript语句结束处会自动添加一个分号,但是如果语句的下一行以[(+-/开头则不会在此语句后面添加分号。