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 (JavaScript胜出)
MV*架构思想发展史
随着前端项目的逻辑越来越复杂和难以维护,那么前端这边引进了后端的架构思想( MV* )
M Model 数据层
V View 视图层
VM ViewModel 视图模型( 业务逻辑 VM 是 由 P 改名得来的)
P Presenter 提出者( Controller 改名得来的 )
C Controller 控制器 ( 业务逻辑 )
框架 | 架构思想 | 时间 |
---|---|---|
Backbone.js | MVP | 2010.10 |
Angular.js( 1.0 ) | MVC | 2010.10 |
Angular.ts ( 2.0 ) | MVC -> MVVM | 2016 目前已经更新到了 Angular7 ( 也属于angular2.0 版本 ) |
Vue 1.0 | MVVM | 2014/07 |
Vue 2.0 | MVVM | 2016/09 |
React 2012 | 不太认可前端MVC这种架构思想, 你可以将React单纯看做是MVC中V |
angular.js | vue | React | angular.ts |
---|---|---|---|
59.6 | 142 | 131 | 49.1 |
github统计量 ( 国际使用量 )不代表大陆地区 单位是: K
学习难度: Vue < React < Angular( 2.0 )
前端流行
移动 web && hybird app( 混合app )
MVC
C改名为P
MVP
P更像是媒人了( 连接 M V 的桥梁)
MVVM
VM 是 由 p改名得来的 VM 和 V 的关系更加的亲密"MVVM":双向数据绑定,View的变动,映射在 ViewModel,反之一样
注意:
我们以上的这几个框架都是: 单向数据流( 数据由 父级 流向 子级 )