前端框架发展历史及MV*

前端框架发展历史

html

  html [1990]----> html5 [2008.1.12]

css

  css 1.0 1996 
  css 2.0 1998
  css 3.0 2001

EcmaScript 

  1997年诞生
  2015  EcmaScript 2015
  2016  EcmaScript 2016          dart语言  vs  javascript

随着前端项目的逻辑越来越复杂和难以维护，那么前端这边引进了后端的架构思想（ MV* ）

    M  Model      数据层
    V  View       视图层
    C  Controller 控制器 ( 业务逻辑 )        MVC
     P  Presenter  提出者（ Controller 改名得来的 ） MVP
    VM ViewModel  视图模型（ 业务逻辑  VM 是 由  P 改名得来的） MVVM



    Backbone.js  MVP    2010.10

    Angular.js( 1.0 )   MVC    2010.10

    Angular.ts ( 2.0 )  MVC -> MVVM 2016 目前已经更新到了 Angular9 ( 也属于angular2.0 版本 )

    Vue 1.0   MVVVM  2014/07

    Vue 2.0   MVVM   2016/09

    React 2012 不太认可前端MVC这种架构思想， 你可以将React单纯看做是MVC中V

    github统计量 （ 国际使用量 ）不代表大陆地区       单位是： K

    angular.js   angular.ts       vue             React  

      59.6          49.1          146              134    

    学习难度： Vue < React < Angular( 2.0 )

    前端流行

      移动  web    &&  hybird app( 混合app )

      app
        1. native app ( 安卓  ios  java ME)
        2. webapp ( 应用在浏览器中的app )
        3. Hybird app ( 混合app ) 
           1. webapp 嵌入 第三方原生应用库（ 可以访问原生设备（手机） 的接口权限，比如：照相机 ）

    2016年：     
           1. es6
           2. vue2.0
           3. angular2.0x
           1. 微信小程序 /  微信小游戏

( 如果没有 html5、EcmaScript 2016 就可能没有 javascript )

总结表：

Vue.js框架项目介绍

作者：尤雨溪

官网地址： 英文官网
      中文官网

• Vue.js是尤雨溪的个人项目
• Vue.js也是一个== MVVM ==框架
• Vue.js它是一个单项数据流的框架
• Vue.js是一个Js渐进式框架
  • 渐进式： 越学越难
• 学习Vue的必要性

   Vue近几年来特别的受关注，三年前的时候angularJS霸占前端JS框架市场很长时间， 接着react框架横空出世，因为它有一个特性是虚拟DOM，从性能上碾轧angularJS， 这个时候，vue1.0悄悄的问世了，它的优雅，轻便也吸引了一部分用户，开始收到关注， 16年中旬，VUE2.0问世，这个时候vue不管从性能上，还是从成本上都隐隐超过了react，火的一塌糊涂 学习vue是现在前端开发者必须的一个技能

MV*

参考阮一峰老师的博客 http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html