前端架构

前端

web page->web application

1. web page

   e.g. 院网

2. web app ---跑在网页上的应用

   交互性强 用户粘度强 e.g. 网易云音乐 淘宝

   • 上古时代(web page)
   • 后端MVC时代(web page)
     搜索“MVC架构”
     e.g. 化院官网
   • AJAX诞生（更新数据不再一定要刷新，前端可主动向后端要数据） e.g. Teambition
   • 前端MVC(web app) 代表框架(过时): ember.js
   • 前端MVP(web app) 代表框架: riot.js backbone.js
   • 前端MVVM(web app) 自动化过程 无法详细记录数据变动 代表框架:angular.js vue.js
   • FLUX(web app) 与MVVM各有优势 能记录数据变动 代表框架: react+redux inferno+redux

Jsbin 计数器例子

练手应用:
- 计数器
- todo