前端开发规范与Vue.js基础(一)

1.前端开发流程规范

• 前端开发流程规范

2.前端框架发展史

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 )
4. webapp 嵌入 第三方原生应用库（ 可以访问原生设备（手机） 的接口权限，比如：照相机 ）
2016年：
1. es6
2. vue2.0
3. angular2.0x
4. 微信小程序 / 微信小游戏

3.MV*模式介绍

• MV*模式介绍