Web前端MVVM設計模式

Web 1.0


  1. 簡單的HTML+JavaScript腳本
  2. 純靜態的頁面
  3. 結合服務端的開發模式圖片1

    Web 2.0


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

Web 3.0 (Commponents SPA)


  • ES五、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.0vue

圖片4 圖片5

當前熱門MVVM框架


圖片6

相關文章
相關標籤/搜索