vue-ssr美团项目总结

akong 2018-12-21 14:07:29 vueproject

使用nuxt开发的vue ssr项目后端框架使用的koa，记录一下本次项目开发的收获。项目源码及开发简记已上传github：nuxt-meituan

# nuxt-metiuan

项目源码及开发简记已上传github：nuxt-meituan

完整的前后台打通，深刻了对前后台开发结合及分离的认识。对后台(Koa)以及前台(Vue)的理解又更进一步，对ssr后端渲染(nuxt)有了全新的认识。
在遇到复杂业务的时候，认真分析页面和数据的关系，善于利用最优的dom结构来布局，合理的利用html标签来使结构更清晰和简单，如此程序多处使用dl>dt+dd的dom布局等
认真思考交互，将看似复杂都东西简单化实现，如菜单的划入和画出的实现。
关于前端组件，做一块版面前，分析清楚其中的耦合关系。要懂得哪些需要抽离组件复用，哪些不需要复用。善于利用好组件化思维，但不是一味的追求组件化。
开发过程中，后端数据往往和前台页面展示的数据有出入，我们前端开发者，要学会将后端拿来的数据进行自己的封装和筛选，因为数据json的映射关系的更改比页面dom更改简单许多。前后端开发的时候，可以不必相互太过依赖中间进行一层数据操作转化即可。
数据结构的处理非常重要，一个好的数据结构能够使我们的开发效率大大增加。