前端代码规范,你注意了吗?
2020-07-02 11:38:15 前端 1311

前端开发规范

命名规则

  1. 项目命名
    • 全部采用小写方式, 以下划线分隔。
    • 例:my_project_name
  2. 目录命名
    • 参照项目命名规则;
    • 有复数结构时,要采用复数命名法。
    • 例:scripts, styles, images, data_models
  3. JS文件命名
    • 参照项目命名规则。
    • 例:account_model.js
  4. CSS, SCSS文件命名
    • 参照项目命名规则。
    • 例:retina_sprites.scss
  5. HTML文件命名
    • 参照项目命名规则。
    • 例:error_report.html

JavaScript

  1. 缩进
    • 使用soft tab(4个空格)。
var x = 1,
      y = 1;

if (x < y) {
    x += 10;
} else {
    x += 1;
}
  1. 单行长度

    • 不要超过80,但如果编辑器开启word wrap可以不考虑单行长度。
  2. 分号 +以下几种情况后需加分号:

    • 变量声明
    • 表达式
    • return
    • throw
    • break
    • continue
    • do-while
/* var declaration */
var x = 1;

/* expression statement */
x++;

/* do-while */
do {
    x++;
} while (x < 10);
一个不断学习的前端小菜鸟
永远不要放弃你那颗追梦之心 up up~