良好的代碼結構既忆,使代碼清晰普碎,易讀,優(yōu)雅固蛾。
Tab:遵循2個空格大小
HTML:
1.HTML5文件頭聲明:<!DOCTYPE html>
2.HTML5自閉合標簽骗爆,不加“/”次氨。如:<input type=“text”>
3.區(qū)域語言標識統(tǒng)一加在<html>上。如:<html lang="zh-CN">
4.代碼結構摘投,如:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="shortcut icon" href="images/favicon.ico">
<title></title>
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<script src="js/main.js"></script>
</body>
<!--
Project main html
author: BGOnline
version 1.0 2016-5-10
-->
</html>
CSS:
1.每個聲明塊的左花括號前添加一個空格煮寡。
2.對于只包含一條語句的聲明塊,在一行內顯示犀呼。如:a { color: red };
3.多行語句的聲明塊幸撕,右花括號應該單獨成行。如:
a {
color: red;
font-size: 12px;
}
4.所有聲明語句都應當以分號結尾外臂,不然代碼可能更易出錯坐儿。很多同學寫CSS的時候,聲明塊的最后一條
語句不喜歡加“;”,這里應該注意一下貌矿。
5.以逗號分隔的屬性值炭菌,每個逗號后面都應該插入一個空格。如:, box-shadow
6.屬性值省略小于 1 的數(shù)前面的 0逛漫。如:用.5 代替 0.5黑低;-.5px 代替 -0.5px
7.十六進制值應該全部小寫。如:#fff
8.盡量使用簡寫形式的十六進制值酌毡,如:用 #fff 代替 #ffffff
9.參數(shù)值為的0克握,不指定單位。如:用 margin: 0; 代替 margin: 0px;
10.不要使用 @import枷踏,與 <link> 標簽相比菩暗,@import 指令要慢很多,這樣會導致不可預料的問題旭蠕。
11.當使用帶有前綴的屬性時停团,通過縮進的方式,讓每個屬性的值在垂直方向對齊下梢,這樣便于多行編輯客蹋。如:
.selector {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}
12.盡量限制使用簡寫形式的屬性聲明。如:用padding-left: 2px; 代替 padding: 0 0 0 2px;
JavaScript:
1.通過 JavaScript 生成的標簽讓內容變得不易查找孽江、編輯,并且降低性能番电。能避免時盡量避免岗屏。
2.對于function,for漱办,if else这刷,switch,while ...在“{”前加空格娩井,并不提倡在“(”前加空格暇屋。如:
if(a) {
}
3.以逗號分割的參數(shù),在逗號后面加空格洞辣。如:test(a, b, c);
4.運算符左右應該以空格分割咐刨,但自增與自減除外。如:a + b == c ? a++ : a--;
5.所有函數(shù)塊以“;”分割扬霜,最好在函數(shù)最前面也應該加分號定鸟,避免與其他不規(guī)范的代碼沖突。如:
;(function() {
});