之前对照N-blog完成了一个纯mvc的一个多人博客的应用,想到最近流行的前端框架,认识到,传统的mvc的技术手段存在访问速度慢的问题,衍生出了前后端分离,前端路由,前端模板渲染等技术。在学习了一段时间的react以及vue,weex之后,我觉得不借助框架,完成一个自己的单页应用,才能更好的体会到react,vue产生的原因以及他们的工作原理,所以,我做了一个商家发布消息的一个单页应用。
页面的划分:
- /:主页,显示最新发布的10条消息
- /login:登录页面,进行用户登录
- /register:注册页面
- /logout:登出页面,2s后返回主页
- /post:信息发布页面
- 后台还没有部署到服务器上,目前只能在本地运行,计划部署到heroku上
- 前端的模板渲染直接采用变量存储页面+dom操作的方式实现页面的修改,目前考虑handlerbar等工具实现
- 页面的js代码没有进行分模块管理,代码挤在1-2个js文件中,不易扩展,不易阅读,目前计划采用webpack 2进行模块化管理(不用require.js,seajs因为目前es6支持原生的模块化管理,这两个库已经停止更新了),直接支持es6的模块管理,很方便(这一步已经实现,此库停止更新,仅留作纪念,webpack构建的仓库在这里)
- 服务器端的代码可能存在阻塞问题,还没有研究清楚
- location.hash+ajax实现前端路由
- es6 ``操作符的使用,可以很好的书写html页面,用来存储各个页面的模板
- jwt的验证方式,公钥私钥的一些加密算法原理
- CORS,jsonp等跨域手段
- locationStorage,session,cookie等存储手段
- gulp自动化构建工具
- mongoose+mongodb的一些基本操作
- jwt-simple的使用
- 后端越来越倾向于提供api,接收前端的请求,返回对方需要的数据