平时写代码遵守的编码规范###
命名规范
语义化标签优先
基于功能命名、基于内容命名、基于表现命名
简略、明了、无后患
1.所有命名都使用英文小写
推荐:`<div class="main"></div> `
不推荐: `<div class="Main"></div> `
2.命名用引号包裹
推荐:`<div id="header"></div> `
不推荐: `<div id=header></div> `
3.用中横线连接
推荐:`<div class="mod-modal"></div> `
不推荐: `<div class="modModal"></div> `
4.命名体现功能,不涉及表现样式(颜色、字体、边框、背景等)
推荐:`<div class="text-lesser"></div>`
不推荐: `<div class="light-grey"></div>`
css规范
- tab 用两个空格表示
- css的 :后加个空格, {前加个空格
- 每条声明后都加上分号
- 换行,而不是放到一行
- 颜色用小写,用缩写, #fff
- 小数不用写前缀, 0.5s -> .5s;0不用加单位
- 尽量缩写, margin: 5px 10px 5px 10px -> margin: 5px 10px