前端规范
Posted namehou
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端规范相关的知识,希望对你有一定的参考价值。
1.命名
antScript
ant-script(推荐)
ant_script(不推荐)
尽量不适用数字
2.文本缩进(符合代码规范,标准,对齐)
3.标签闭合
4.推荐使用单引号
5.属性属性值推荐使用小写
6.注释标准详尽
CSS
1.选择器
尽可能不使用通配符选择器
合理避免使用id选择器
避免使用标签限定id或者类选择器 eg:div#nav {}
尽可能使用继承 eg:#nav > .a {
font-size
:
24px
; }
.减少后代选择器的使用 eg:div>a的性能肯定要好于div a
2.代码格式规范
代码缩进
选择器分组换行
eg:
.selector,
.selector-secondary,
.selector[type=
"text"
] {
padding
:
15px
;
margin-bottom
:
15px
;
background-color
: rgba(
0
,
0
,
0
,.
5
);
}
空格与换行:为了可读性或者说为了好看,建议在选择器与大括号之间添加一个空格
(1).声明的冒号(:)与属性值之间添加一个空格。
(2).每一条声明需要单独占据一行。
(3).最后一条声明语句后面的分号是可以省略的,但是建议保留。
(4).如果大括号中只有一条声明语句,那么大括号可以在同一行
CSS规则之间增加一行
简写属性
以上是关于前端规范的主要内容,如果未能解决你的问题,请参考以下文章