不懂前端后端，不懂单页应用怎么写。。。单页应用的概念已经提出很久了，不管是基于vue，angular还是react，相信大家要么耳闻目睹，要么置身事外，都能体会到。毕竟在独立开发的时候，从搭建开发环境，到前端的各个组件，再到动作交互，再到后端与数据的交互，难免会遇到很多问题。在这个过程中，值得记录下每一个需要学习和分享的知识点。如果你没有自己实现过单页应用，可以参考我一起交流学习。如果你已经熟门熟路，欢迎来找我吹毛求疵。但结果令人欣喜，也令人担忧。一开始以为自己能反应过来，但是写个应用会是件大事。当我作为伪全栈工程师一个一个踩坑的时候，突然发现路漫漫其修远兮。作为前端，TASK并不满足于使用hexo生成自己的博客==，至少应该是Gatsby。然后你就可以开发一个让你满意的博客系统了。ACTION前端基于react、antd、dva等react生态框架搭建开发环境，搭建工具首选肯定是webpack。相信在使用脚手架进行开发的时候，如果遇到问题，还是要捡源码的。我们不妨自己搭建一个开发环境，熟悉webpack的每一个配置。【单页博客前后端】环境搭建引入Dva+Antd实现前端交互【单页博客前后端】基于DVA搭建博客前后端接口+ANTD基于koa@2+mongodb+passport实现后端逻辑如果后端只是单纯的增删改查，有违我们的初衷。要实现基本的Auth2.0授权认证，必须进行基本的业务逻辑和数据层分离。【从前端到后端的单页博客】基于Passport和Koa@2的权限验证和DVA模型设计引入Draftjs实现富文本编辑器Draft.js是Facebook开源的用于构建富文本编辑器的JavaScript框架。可以用它来实现类似熊掌记的网页端编辑器，强烈推荐。我一开始使用express作为RESULT的后端。如果你对nodejs框架不熟悉，可以参考这个github仓库开始使用express。之后用koa重构了整个项目，用async函数梳理异步流程时欣喜若狂。在写这篇文章的过程中，突然发现我的项目已经有两星了，很开心！这几天的疲惫一扫而空！该项目已部署并启动。查看演示地址。测试账号：{username:'test',password:'test'}希望计划的前后端是同一个结构，服务端渲染会引入flow来检查js的静态类型。添加测试代码，完善文档最后，欢迎star、pr、issues...
