前端、HTML+CSS+JS編寫規範（終極版）

HTMLCSS文檔規範

1. HTML和CSS文檔必須採用UTF-8編碼格式；
2. HTML文檔必須使用HTML5的標準文檔格式；

HTMLCSS編寫規範

1. HTML和CSS的標籤、屬性、類名、ID都必須使用小寫字母；
2. HTML和CSS的屬性、類名、ID命名必須具備語義化；
3. HTML代碼必須保持文檔結構清晰，必須合理的進行代碼縮進；
4. CSS文件禁止樣式表內引用CSS文件；
5. CSS編寫格式，樣式代碼保持一行，多個選擇器同一個規則必須換行，如圖1；
6. CSS樣式表格分爲3個級別：系統級（以lib_開頭）、模塊級（以m_開頭）、頁面級（以p_開頭）；
7. 修改系統級和模塊級的文件必須通過前端主管審批；
8. 模塊級的樣式必須以「m_」開頭，例如頭部模塊應該命名爲：m_header；
9. 一個模塊一個或多個CSS文件，禁止兩個或以上模塊使用同一個CSS文件；
10. 頁面級的樣式必須以「p_」開頭、或者外層以p_開頭，例如：p_goodslist、p_goodslist .name；
11. 頁面級的樣式如因特殊緣由須要針對這個頁面進行對模塊級的樣式進行重置的時候，須將重置樣式寫在最頂部；
12. 除系統級文件外，禁止其餘頁面級和模塊級的CSS文件進行系統的樣式重置操做，模塊級和頁面級也禁止直接重置系統級的樣式；

js文檔規範

1.JavaScript文檔必須採用UTF-8(不包括Unicode簽名BOM)編碼格式；

js編寫規範

1.參數命名必須以小駝峯命名，私有（局部）變量儘可能使用下劃線開頭；
2.每一個變量必須使用var定義；
3.需編寫適當的註釋；
4.禁止定義如下保留名稱Zepto、JSON、template、WdatePicker、KindEditor、LT、TP、LeiTing（本身部門定義的全局變量）
5.每一段代碼必須以分號分割，例如：var a = 123; function(){};

全局變量模塊 window['LeiTing']

1.window['LeiTing']['UI']    //公共UI模塊
2.window['LeiTing']['Model'] //公共模塊
3.window['LeiTing']['PageData'] = [//頁面數據

segmentfault上其餘相關分享
前端編碼規範
前端代碼規範
編碼規範-html
編碼規範-css