前端代码规范

Posted by zhangyingji on July 22, 2018

通用规范

  • 语义化、简洁
  • 省略图片、样式、脚本以及其他媒体文件 URL 的协议部分(http:,https:)
  • 注释代码:包含的模块,功能以及优点

HTML

  • 在引用样式表和脚本时,不要指定 type 属性,除非不是 CSS 或 JavaScript
  • 属性值用双引号

CSS

  • font-size: .8em;
  • color: 16进制;
  • 分隔符 -
  • 按首字母顺序书写
  • 选择器另起一行
  • 规则之间用空行隔开
  • 分段注释

JS

  • 变量在函数内部或循环控制条件之前提前声明

参考

https://google.github.io/styleguide/htmlcssguide.html