根据公司相关内容,简单总结一下前端的代码规范,以后再慢慢更新
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;
}
网友评论