代码规范

根据公司相关内容,简单总结一下前端的代码规范,以后再慢慢更新

js与css规范,

开头要写相关信息

/******
 * author: 作者   create time : 时间   desc : 描述 
 * author: 修改作者   modify time: 修改时间   modify_info: 修改信息
******/
`时间格式:2016-10-01`

js规范


  • 变量用下划线 pick_up_in_app
  • 常量大写 PICK_IN_APP
  • 函数名小驼峰方式 pickUpInApp
  • 等号冒号相关联内容要排在一列,并前后要有空格

var a = 1;
var bb = 2;
var ccc = 3;
===============
var a = {
a : 1,
bb : 2,
ccc : 3
}

* 块级注释写在块的前面,行内注释写在后面
* ```
/**
 * 我是块级注释
 * 
 */
var a = 1; //这是行内注释

使用===绝对等,尽量少的使用==(会转换类型后,在匹配),性能考虑。如果是后台传来的数据,建议用==,以防后台修改数据类型。

  • 优先使用单引号,再使用双引号。只有在json文件中才使用双引号。
  • 函数或if语句等相关语句.
    • 右括号与左大括号之间有一个空格
    • 并排的分号或逗号在之后添加一空格

function each(ary, func) {
if(ary) {
var i;
for(i = 0; i < ary.length; i += 1) {
if(ary[i] && func(ary[i], i, ary)) {
break;
}
}
}
}



### css 规范
UI与前后添加

/**

  • banner样式 -> start
    */
    .banner-box {

}
/**

  • banner样式 -> end
    */
**书写顺序**

.declaration-order {
/* Positioning */
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 100;

/* Box-model */
    display : block;
    float   : right;
    width   : 100px;
    height  : 100px;
    margin  : 0;
    padding : 0;


/* Typography */
    color          : #333;
    font           : normal 13px "Helvetica Neue", sans-serif;
    font-size      : 12px;
    font-weight    : body;
    line-height    : 1.5;
    vertical-align : middle;
    text-align     : center;
    text-shadow    : 1px 1px 2px rgba(0,85,0,.8); 

/* Visual */
    background-color : #f5f5f5;
    background-image : url();
    border           : 1px solid #e5e5e5;
    border-radius    : 3px;
    box-shadow       : 1px 1px 2px rgba(0,85,0,.8);

/* Misc */
    opacity: 1;

}

你可能感兴趣的:(代码规范)