Web前端MVVM设计模式

Web 1.0

  1. 简单的HTML+JavaScript脚本
  2. 纯静态的页面
  3. 结合服务端的开发模式图片1

    Web 2.0

  • ajax
  • jQuery、BootStrap等前端框架
  • Requirejs 图片2

Web 3.0 （Commponents SPA）

  • ES5、ES6（ECMAScript）
  • TypeScript
  • MVVM ( angularjs、vuejs ) 图片3

Web 4.0 全栈 node.js ...

 

MVVM（Model+ViewModel+View）

MVVM模式是根据MVP模式来的，可以简单的说，MVVM模式就是WPF版的MVP模式。MVP模式，MVC模式，这几个模式都是为了抽离出UI逻辑和业务逻辑。

MCV：Backbone、ember MVVM：vue.js、angular.js 4.0

图片4 图片5

当前热门MVVM框架

图片6

posted @ 2017-09-28 16:56  hywel丶  阅读(157)  评论(0)  编辑  收藏  举报