順序
head標(biāo)簽順序
<meta>
<title>
<link> \ <style>
<base>
<script>
css屬性順序
- 位置屬性(position, top, right, z-index, display, float等)
- 大小(width, height, padding, margin)
- 文字系列(font, line-height, letter-spacing, color- text-align等)
- 背景(background, border等)
- 其他(animation, transition等)
縮進(jìn)
兩個(gè)空格。
目前主流的框架一般兩個(gè)空格縮進(jìn),不過(guò)個(gè)人一直是四個(gè)空格縮進(jìn)侨拦,感覺(jué)改不過(guò)來(lái)了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 = {
//...
}
函數(shù)名
//bootstrap
function transitionEnd(){
//...
}