1、前后端分离

前端与后端的分离，能使前端的开发脱离后端的开发模式，拥有更大的自由度，以此便可做前端工程化、组件化、单页面应用等。

2、尽量避免后端模板渲染

web应用的渲染方式分为服务器端渲染和客户端渲染，当下比较推荐的方式是客户端渲染，数据使用全ajax的方式进行交互。

3、尽量避免大量的线上调试

做好本地接口模拟开发（包括后端模板渲染），避免大量的线上调试，因为线上调试很不方便，也很费事，并且每次更新代码，都需要重新构建，然后同步到服务器。

4、本地接口模拟开发

本地接口模拟就是在本地模拟一个与服务器差不多的环境，能够提供数据所需的接口，进行错误模拟处理等等。

5、规范的接口文档

前端与后端协作提升开发效率的一个很重要的方法就是减少沟通：能够形成纸质的文档就不要口头沟通、能够把接口文档写清楚也不要口头沟通（参数、数据结构、字段含义等），特别是线上协作的时候，面对面交流是很困难的。

6、去缓存

前端需要做好去客户端缓存的功能，保证用户始终都是使用的最新资源，不会因为因为缓存的问题而出现 bug。

7、做好错误处理

前端与后端都需要各自做好错误处理，以便发生错误能够有友好的提示，也能在用户反馈时快速准确定位错误来源和原因。

8、运行时捕捉js脚本错误

当用户在用线上的程序时，怎么知道有没有出bug，如果出bug了，报的是什么错，如果是js报错，那一行运行出了错，所以在程序运行时捕捉js脚本错误，并上报到服务器，是非常有必要的。

9、移动端远程调试、vConsole、TBS Studio

因为移动端的开发无法像pc端开发一样使用Chrome的开发者调试工具，所以调试移动端需要一些额外的技巧。

10、友好的沟通

不管工具多么厉害，很多时候都免不了要当面沟通，友好、心平气和的沟通也是很重要