注釋

鏈接注釋

@see{@link https://developers.weixin.qq.com}

參數(shù)注釋

• @param {boolean} params.showLoading

接口數(shù)據(jù)本地化

• 接口數(shù)據(jù)全部本地化，以防止接口數(shù)據(jù)結(jié)構(gòu)、類型、鍵名變化的時(shí)候，大量修改本地代碼

錯(cuò)誤處理與避免的一些實(shí)踐

typescript

• 通過編譯時(shí)類型檢查 最大化的保障代碼的健壯性，避免類型使用錯(cuò)誤

esLint

• 通過語法檢查系統(tǒng)規(guī)范編碼質(zhì)量，最大化保障語法的正確性

偽代碼

• 通過書寫偽代碼來保證邏輯的嚴(yán)密性，保證不出現(xiàn)邏輯漏洞
• 通過斷言，預(yù)防網(wǎng)絡(luò)請(qǐng)求錯(cuò)誤、接口數(shù)據(jù)結(jié)構(gòu)錯(cuò)誤、接口數(shù)據(jù)類型錯(cuò)誤，導(dǎo)致的代碼報(bào)錯(cuò)

錯(cuò)誤處理原則

• 對(duì)于可預(yù)見的一些錯(cuò)誤，能夠有效避免的錯(cuò)誤，使用斷言來進(jìn)行流程控制
• 對(duì)于一些可預(yù)見，但無法有效有效避免的，使用try catch 捕獲異常，處理異常
• 盡量的少使用try catch語句
• 不可預(yù)見性錯(cuò)誤 通常是語法或類型錯(cuò)誤導(dǎo)致，使用typescript eslint 能夠有效避免這些問題

開發(fā)經(jīng)驗(yàn)技巧

使用文件加npm命令注入環(huán)境變量，不必每次手動(dòng)修改配置
使用webpack上下文自動(dòng)注冊(cè)組件，例如公共組件components下的組件
使用動(dòng)態(tài)注冊(cè)路由避免路由穿透（手動(dòng)輸入路由進(jìn)入其無權(quán)訪問界面）
使用詳情頁mixins，保存路由歷史記錄進(jìn)行回退，
使用滾動(dòng)條高度計(jì)算方式實(shí)現(xiàn)界面的錨點(diǎn)定位（解決hash路由時(shí)無法使用錨點(diǎn)問題）
使用圖片熱區(qū)實(shí)現(xiàn)圖片區(qū)域點(diǎn)擊路由跳轉(zhuǎn)
使用keep-alive組件加router-vue 通過配置緩存模塊與緩存目標(biāo)路由實(shí)現(xiàn)前進(jìn)刷新后退緩存功能