HTML

1. 標(biāo)簽的使用（選擇合適的標(biāo)簽去時(shí)候淑仆，可以有意識的去使用語義化的標(biāo)簽，但是如果語義化標(biāo)簽不合適則使用通用的div格式去實(shí)現(xiàn)）
2. 結(jié)構(gòu)的拆分和復(fù)用（先對UI界面進(jìn)行分析瓣赂，拆解出復(fù)用的部分嗓化，針對復(fù)用部分進(jìn)行開發(fā)撩鹿，減少重復(fù)編碼睡扬，提高效率盟蚣，同時(shí)要有意識的去考慮組件化，雖然目前的項(xiàng)目結(jié)構(gòu)不合適威蕉，但是之后會使用MVVM框架去做開發(fā)刁俭，組件化的思想要有意識培養(yǎng)）

CSS

1. 命名規(guī)范（使用駝峰命名法橄仍，基本不超過三個(gè)單詞韧涨，超過三個(gè)單詞的用后面兩個(gè)單詞做命名，命名要有意義侮繁，可以直觀的看出是什么意思虑粥，對于通用的樣式可以抽象出來，不同的地方再單獨(dú)寫樣式宪哩，即基礎(chǔ)樣式+特定樣式）
2. 減少浮動(dòng)跟定位的使用娩贷，除非在必要的地方∷希可以使用flex布局去實(shí)現(xiàn)效果彬祖，使用flex布局的時(shí)候需要注意瀏覽器兼容性的問題茁瘦，解決方案為加上對應(yīng)瀏覽器的前綴即可。對于移動(dòng)端暫時(shí)只需要考慮兼容webkit內(nèi)核的瀏覽器储笑，目前ios端的Safari瀏覽器甜熔，還有安卓端的微信內(nèi)置瀏覽器都是基于webkit內(nèi)核，所以暫時(shí)只考慮webkit內(nèi)核的兼容突倍。
3. 對于可點(diǎn)擊的部分腔稀，最小點(diǎn)擊范圍為30*30。絕大部分點(diǎn)擊范圍均為塊級樣式羽历，不使用內(nèi)聯(lián)樣式去做點(diǎn)擊焊虏，除非特定需求要實(shí)現(xiàn)點(diǎn)擊鏈接跳轉(zhuǎn)，則使用a標(biāo)簽秕磷，或者其他內(nèi)聯(lián)元素诵闭。否則可點(diǎn)擊模塊均為塊級樣式，可以直接使用塊級元素或者使用內(nèi)聯(lián)元素（display更改成塊級）
4. 對于圖片顯示澎嚣，如果是本地圖片的顯示涂圆，作為icon或者其他的，均使用background-image去實(shí)現(xiàn)币叹，如果是動(dòng)態(tài)添加的润歉，則根據(jù)情況考慮使用img標(biāo)簽還是background-image

JavaScript

1. 所有的JavaScript的執(zhí)行代碼均放在下面代碼段中，除了聲明定義函數(shù)放在外部颈抚，其余執(zhí)行代碼均放在里面踩衩，對于一個(gè)js文件有且僅有一個(gè)下面的初始化函數(shù)。

   $(function(){
   })
   
   等同于 原生JavaScript中的
   
   window.onload = function(){
   }
   

2. 移動(dòng)端的事件綁定均有addEventListener去實(shí)現(xiàn)贩汉，不使用on()方法去綁定事件驱富，元素內(nèi)部的onclick這類的依舊可以使用。動(dòng)態(tài)添加事件綁定的均用addEventListener的方法匹舞。因?yàn)橛行﹊os端使用on()方法會出現(xiàn)事件觸發(fā)不了的問題褐鸥。所以移動(dòng)端最好統(tǒng)一使用addEventListener的方法去添加事件句柄。如果可以的話赐稽，對于只觸發(fā)一次的事件句柄叫榕，在事件觸發(fā)完成后解除該事件句柄的綁定。
3. 如果需要重復(fù)使用某一個(gè)ajax請求的話姊舵，抽象封裝成一個(gè)函數(shù)去執(zhí)行晰绎，所需要的變量以參數(shù)的形式傳入。如果ajax請求需要傳入data參數(shù)括丁，并且data參數(shù)中的值由用戶輸入所獲取的話荞下，則需要對用戶輸入進(jìn)行判斷，是否為空字符串，并且要去除前后的空格（即trim()方法）尖昏。因?yàn)橛脩糨斎胧遣豢上嘈诺难鏊埃孕枰獙λ杏脩糨斎攵歼M(jìn)行空字符串的判斷并且除去前后的空格，保證請求所帶參數(shù)是有意義的抽诉。
4. 變量命名需要規(guī)范肖卧，如果可以，最好是養(yǎng)成對不再使用的變量賦值null掸鹅，觸發(fā)瀏覽器去回收該部分的內(nèi)存塞帐。
5. 對于href上面的參數(shù)截取，最好是保存成object的形式巍沙，并且增加處理保證當(dāng)href無參數(shù)的時(shí)候不影響其他部分的代碼的執(zhí)行葵姥。獲取href上面的參數(shù)時(shí)，使用location.search去獲取url里面的?后面的部分
6. 對于頁面跳轉(zhuǎn)句携，除去a標(biāo)簽直接跳轉(zhuǎn)榔幸，在事件中觸發(fā)進(jìn)行跳轉(zhuǎn)的均為window.location.href = url。如果界面跳轉(zhuǎn)需要帶參數(shù)的情況矮嫉，對于只有少于3個(gè)參數(shù)的并且參數(shù)的內(nèi)容不涉及安全內(nèi)容削咆，可以直接以query的形式跟在url后面。如果多于三個(gè)蠢笋，則考慮用localstorage或者cookies去存儲拨齐，然后在跳轉(zhuǎn)后的頁面去獲取。
7. 對于引入的第三方昨寞，盡量使用cdn瞻惋，如果cdn不行的情況下再去用本地文件。
8. 在沒有接口可接入的情況下援岩，在test.js文件里面定義模擬接口數(shù)據(jù)寫入的方法歼狼。（先通過手動(dòng)延時(shí)去模擬接口調(diào)用的過程）

開發(fā)原則

1. 嚴(yán)格遵守UI設(shè)計(jì)，保證復(fù)刻UI的顯示效果享怀。完成靜態(tài)界面后羽峰，先給UI過目，確定沒問題后再進(jìn)行后續(xù)開發(fā)添瓷。
2. 保證實(shí)現(xiàn)所需功能（正常流程下梅屉，無錯(cuò)誤）。如有難以實(shí)現(xiàn)的功能需提早提出仰坦，待產(chǎn)品確認(rèn)后確定替代方案履植。
3. 在正常流程保證無錯(cuò)誤的情況下计雌，加入請求錯(cuò)誤悄晃，失敗，數(shù)據(jù)獲取失敗，用戶填寫錯(cuò)誤等異常情況的處理妈橄。保證基本情況下無錯(cuò)誤庶近。
4. 完成接口以及界面開發(fā)后，進(jìn)行完整的測試眷蚓，根據(jù)測試用例去執(zhí)行鼻种，確保所有測試用例均通過無異常。
   （待補(bǔ)充沙热。叉钥。。）