图片8

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注