1.2前端框架发展历史和初始vue.js

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
           4. 微信小程序 /  微信小游戏

总结表：

• 前端js框架到底在干嘛! 为什么要用？

  • js框架帮助开发者写js逻辑代码，在开发应用的时候js的功能划分为如下几点：

    1. 渲染数据

    2. 操作DOM

    3. 操作cookie等存储机制api

  • 在前端开发中

    • 难题: 如何高效的操作dom、渲染数据是一个前端工程师需要考虑的问题，而且当数据量大，流向较乱的时候，如何正确使用数据，操作数据也是一个问题？？？
      • 解决:
        • js框架对上述的几个问题都有自己趋于完美的解决方案，
        • 开发成本降低。高性能高效率。
        • 唯一的缺点就是需要使用一定的成本来学习。

初始Vue.js

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

• Vue.js框架项目介绍

  • 作者： 尤雨溪

  • Vue.js是尤雨溪的个人项目

  • Vue.js也是一个MVVM框架

  • Vue.js它是一个单项数据流的框架

  • Vue.js是一个Js渐进式框架

    • 渐进式： 越学越难

  • 学习Vue的必要性