web開發(fā)規(guī)范

良好的代碼結構既忆,使代碼清晰普碎,易讀,優(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() {
  
});
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末著瓶,一起剝皮案震驚了整個濱河市联予,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖沸久,帶你破解...
    沈念sama閱讀 211,639評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件季眷,死亡現(xiàn)場離奇詭異,居然都是意外死亡卷胯,警方通過查閱死者的電腦和手機子刮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來诵竭,“玉大人话告,你說我怎么就攤上這事÷盐浚” “怎么了沙郭?”我有些...
    開封第一講書人閱讀 157,221評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長裳朋。 經常有香客問我病线,道長,這世上最難降的妖魔是什么鲤嫡? 我笑而不...
    開封第一講書人閱讀 56,474評論 1 283
  • 正文 為了忘掉前任送挑,我火速辦了婚禮,結果婚禮上暖眼,老公的妹妹穿的比我還像新娘惕耕。我一直安慰自己,他們只是感情好诫肠,可當我...
    茶點故事閱讀 65,570評論 6 386
  • 文/花漫 我一把揭開白布司澎。 她就那樣靜靜地躺著,像睡著了一般栋豫。 火紅的嫁衣襯著肌膚如雪挤安。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,816評論 1 290
  • 那天丧鸯,我揣著相機與錄音蛤铜,去河邊找鬼。 笑死丛肢,一個胖子當著我的面吹牛围肥,可吹牛的內容都是我干的。 我是一名探鬼主播摔踱,決...
    沈念sama閱讀 38,957評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼虐先,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了派敷?” 一聲冷哼從身側響起蛹批,我...
    開封第一講書人閱讀 37,718評論 0 266
  • 序言:老撾萬榮一對情侶失蹤撰洗,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后腐芍,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體差导,經...
    沈念sama閱讀 44,176評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,511評論 2 327
  • 正文 我和宋清朗相戀三年猪勇,在試婚紗的時候發(fā)現(xiàn)自己被綠了设褐。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,646評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡泣刹,死狀恐怖助析,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情椅您,我是刑警寧澤外冀,帶...
    沈念sama閱讀 34,322評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站掀泳,受9級特大地震影響雪隧,放射性物質發(fā)生泄漏。R本人自食惡果不足惜员舵,卻給世界環(huán)境...
    茶點故事閱讀 39,934評論 3 313
  • 文/蒙蒙 一脑沿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧马僻,春花似錦庄拇、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至仍秤,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間可很,已是汗流浹背诗力。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留我抠,地道東北人苇本。 一個月前我還...
    沈念sama閱讀 46,358評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像菜拓,于是被迫代替她去往敵國和親瓣窄。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,514評論 2 348

推薦閱讀更多精彩內容