前端代码规范

1.京东凹凸实验室前端代码规范，网址：[https://guide.aotu.io/](https://guide.aotu.io/)

（1）、正确写法  <br>     不推荐写法： <br/>

（2）、纯数字输入框    使用 type="tel" 而不是 type="number"  

<input type="tel">

（4）css  属性值十六进制数值能用简写的尽量用简写  

推荐：

.jdc {
    color: #fff;
}

不推荐：

.jdc {
    color: #ffffff;
}

 

（5）css   不要为 0 指明单位

推荐：
.jdc {
    margin: 0 10px;
}

不推荐：
.jdc {
    margin: 0px 10px;
}

（6）属性书写顺序

属性书写顺序
建议遵循以下顺序：

布局定位属性：display / position / float / clear / visibility / overflow
自身属性：width / height / margin / padding / border / background
文本属性：color / font / text-decoration / text-align / vertical-align / white- space / break-word
其他属性（CSS3）：content / cursor / border-radius / box-shadow / text-shadow / background:linear-gradient …

（7）CSS3 浏览器私有前缀在前，标准前缀在后

.jdc {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}