1、前後端分(fēn)離

前端與後端的分(fēn)離，能(néng)使前端的開發脫離後端的開發模式，擁有(yǒu)更大的自由度，以此便可(kě)做前端工(gōng)程化、組件化、單頁(yè)面應用(yòng)等。

2、盡量避免後端模闆渲染

web應用(yòng)的渲染方式分(fēn)為(wèi)服務(wù)器端渲染和客戶端渲染，當下比較推薦的方式是客戶端渲染，數據使用(yòng)全ajax的方式進行交互。

3、盡量避免大量的線(xiàn)上調試

做好本地接口模拟開發（包括後端模闆渲染），避免大量的線(xiàn)上調試，因為(wèi)線(xiàn)上調試很(hěn)不方便，也很(hěn)費事，并且每次更新(xīn)代碼，都需要重新(xīn)構建，然後同步到服務(wù)器。

4、本地接口模拟開發

本地接口模拟就是在本地模拟一個與服務(wù)器差不多(duō)的環境，能(néng)夠提供數據所需的接口，進行錯誤模拟處理(lǐ)等等。

5、規範的接口文(wén)檔

前端與後端協作(zuò)提升開發效率的一個很(hěn)重要的方法就是減少溝通：能(néng)夠形成紙質(zhì)的文(wén)檔就不要口頭溝通、能(néng)夠把接口文(wén)檔寫清楚也不要口頭溝通（參數、數據結構、字段含義等），特别是線(xiàn)上協作(zuò)的時候，面對面交流是很(hěn)困難的。

6、去緩存

前端需要做好去客戶端緩存的功能(néng)，保證用(yòng)戶始終都是使用(yòng)的最新(xīn)資源，不會因為(wèi)因為(wèi)緩存的問題而出現 bug。

7、做好錯誤處理(lǐ)

前端與後端都需要各自做好錯誤處理(lǐ)，以便發生錯誤能(néng)夠有(yǒu)友好的提示，也能(néng)在用(yòng)戶反饋時快速準确定位錯誤來源和原因。

8、運行時捕捉js腳本錯誤

當用(yòng)戶在用(yòng)線(xiàn)上的程序時，怎麽知道有(yǒu)沒有(yǒu)出bug，如果出bug了，報的是什麽錯，如果是js報錯，那一行運行出了錯，所以在程序運行時捕捉js腳本錯誤，并上報到服務(wù)器，是非常有(yǒu)必要的。

9、移動端遠(yuǎn)程調試、vConsole、TBS Studio

因為(wèi)移動端的開發無法像pc端開發一樣使用(yòng)Chrome的開發者調試工(gōng)具(jù)，所以調試移動端需要一些額外的技(jì )巧。

10、友好的溝通

不管工(gōng)具(jù)多(duō)麽厲害，很(hěn)多(duō)時候都免不了要當面溝通，友好、心平氣和的溝通也是很(hěn)重要