==注重結(jié)構(gòu)裙秋、表現(xiàn)桥狡、行為分離==
1. html結(jié)構(gòu)
1. 統(tǒng)一為html5聲明類型<!DOCTYPE html>; 編碼統(tǒng)一為<meta charset="utf-8" />
2.不允許寫行內(nèi)樣式與內(nèi)聯(lián)樣式表；
3.css引入統(tǒng)一放入</head>前颅围；
4.javascript引入建議統(tǒng)一放入</body>前伟葫；
5.頁面公用樣式統(tǒng)一放入reset.css中，分別引入院促；獨(dú)用樣式筏养，按需引入。
6.代碼縮進(jìn)常拓，使用Tab鍵實(shí)現(xiàn)層次分明的縮進(jìn);
7.標(biāo)簽必須小寫渐溶，合理關(guān)閉。
8.所有的標(biāo)簽必須合理嵌套弄抬，注重語義化茎辐。
9.自定義屬性推薦使用 data-；布爾類型的屬性掂恕，建議不添加屬性值拖陆。
9.屬性名必須使用小寫字母，用雙引號包圍懊亡。
10.表單：必須為含有描述性表單元素(input, textarea)添加label依啰。使用 button 元素時(shí)必須指明 type 屬性值。盡量不要使用按鈕類元素的 name 屬性斋配。
11.圖片：禁止 img 的 src 取值為空孔飒。避免為 img 添加不必要的 title 屬性。為重要圖片添加 alt 屬性艰争。 添加 width 和 height 屬性坏瞄，以避免頁面抖動(dòng)。
2. css表現(xiàn)
1.（禁止）將樣式寫為單行
2. 省略“0”值后面的單位甩卓。不要在0值后面使用單位鸠匀，除非有值。
3. 不要在CSS中使用expression
4.（禁止）使用css原生@import
5. 不要在CSS中使用!important
6.（不推薦）ie使用filter,（ 禁止）使用expression
7. 使用after或overflow的方式清浮動(dòng)
8. 去掉小數(shù)點(diǎn) 0
9.每個(gè)樣式屬性后加 ";"
10.避免瀏覽器hacks
11Class命名中（禁止）出現(xiàn)大寫字母逾柿，(必須)采用“- ”對class中的字母分隔
12.ID和class(類)命名應(yīng)反應(yīng)元素目的和用途的名稱缀棍，或其他通用名稱。代替表象和晦澀難懂的名稱机错。
13.盡可能使用縮寫屬性爬范，如padding，margin弱匪，background青瀑，font。
14.URI值（url()）不要使用引號。
15.刪除空屬性及注釋后的無效屬性斥难。
16.書寫順序：顯示屬性枝嘶，元素位置，元素屬性哑诊，元素內(nèi)容屬性
3. JavaScript
1.（禁止）使用eval群扶，有注入風(fēng)險(xiǎn)，尤其是ajax返回?cái)?shù)據(jù),效率低镀裤，
2. 除了三目運(yùn)算竞阐，if,else等（禁止）簡寫
3. 當(dāng)需要緩存this時(shí)必須使用變量進(jìn)行緩存
4. 左花括號置于行末，右花括號置于行首淹禾。
5. 聲明變量馁菜，必須var。
4铃岔、類命名: 首字母大寫, 駝峰式命名. 如 ITaoLun;
5汪疮、函數(shù)命名: 首字母小寫駝峰式命名. 如iTaoLun();
6、命名語義化, 盡可能利用英文單詞或其縮寫;
7毁习、盡量避免使用存在兼容性及消耗資源的方法或?qū)傩? 比如eval_r() & innerText;
8智嚷、后期優(yōu)化中, JavaScript非注釋類中文字符須轉(zhuǎn)換成unicode編碼使用, 以避免編碼錯(cuò)誤時(shí)亂碼顯示;
9、代碼結(jié)構(gòu)明了, 加適量注釋. 提高函數(shù)重用率;
10纺且、注重與html分離, 減小reflow, 注重性能.
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
