前端规范

顺序

head标签顺序

<meta>
<title>
<link> \ <style>
<base>
<script>

css属性顺序

1. 位置属性(position, top, right, z-index, display, float等)
2. 大小(width, height, padding, margin)
3. 文字系列(font, line-height, letter-spacing, color- text-align等)
4. 背景(background, border等)
5. 其他(animation, transition等)

缩进

两个空格。

目前主流的框架一般两个空格缩进，不过个人一直是四个空格缩进，感觉改不过来了T_T

命名

css文件命名

//font-awesome
font-awesome.css
font-awesome.min.css

js文件命名

//jquery
jquery-3.1.1.js
jquery-3.1.1.min.js

class命名

//bootstrap
class="btn btn-default"

id命名

//bootstrap
id="exampleInputEmail1"

自定义属性

data-ui-type="Select"

变量名

var transEndEventNames = {
    //...
}

函数名

//bootstrap
function transitionEnd(){
    //...
}

拓展

百度前端编码规范：github

CSS书写规范

前端规范：简书