總則：

1、註釋（非常重要），提倡多少行代碼多少條註釋，一半一半

2、格式化代碼，縮進、對齊、整齊排列

3、命名一律使用英文名稱，並且以 功能-模塊-具體 的方式命名

HTML：

1、每個頁面模塊都需要做註釋

2、class 只用於樣式，id只用於JS，data-*只用於數據及列表循環

3、語義化代碼

4、合理切套代碼

5、一個元素中的樣式建議最多3-4個

CSS：

1、名稱統一使用 ”a-b-c-*“的形式

2、輸入順序為 定位/塊 > 布局寬高 > 邊距 > 背景 > 字體字號顏色 > 其他

3、避免以html元素名稱的方式輸寫樣式

4、除非確認此樣式是某個頁面獨有，否則不建議將樣式寫在頁面中

JavaScript：

1、命名方式 駝峰式

2、變量的定義建議每個都使用 var 形式

3、功能性效果建議封裝成插件

4、為了區別是jQuery還是原生創建的變量，建議jQuery創建的變量使用 $ 前綴

5、變量聲明建議統一放在閉包的最前面（特殊情況例外）

6、

前端規範