本章节对应课程饿了么02文件夹。
1.近年来前端开发趋势
1)旧浏览器逐渐被淘汰,移动端需求逐渐增加。
就浏览器是指IE6_IE8,这些不支持es5特性的的浏览器(es的一个核心实现就是利用)。
IE9+,Chrome,Safari,firefox,这些浏览器都支持es5特性。移动端大部分浏览器都是webkit内核支持,ES5在移动端也是全面支持。所以vuejs可以在大部分高端浏览器上运行。
2).前端交互越来越多,功能越来越复杂。
3).架构从传统后台MVC向REST API+前端MV*迁移
MV*=MVC|MVP|MVVM
vuejs使用MVVM框架。
2.什么是MVVM框架
2.1MVVM的基本架构图
view和modal通过viewModal这个中间层进行交互。
2.2MVVM框架的应用场景
当前端对数据进行一些操作的时候,通过ajax请求,【】,不需要刷新整个页面,只需要改动dom里需要改动的那部分。
在移动端里面,经常会刷新各种资源,但是各种dom,js页面要重新解析,因此,移动端页面通常会做成单元面的形式,在这个基础上就诞生了各种MVVM框架,如下图所示。
3.什么是Vuejs
1)他是一个车轻量级的软件
2) 数据驱动+组件化的前端开发
3) github超过25K+ 的star数,社区完善。
3.1vue的特点
vuejs更轻量,易上手,
吸取了angular和react的两家之长,借鉴了angular的指令和react的组件化思想。
4.vuejs的核心思想。
4.1数据驱动和组件化
1)dom是一种自然映射,下图是vue的数据驱动图
modal发生变化时,会通过directives指令来更改dom,当dom发生变化时,dom Listenrs进行监听,然后让moda;同步。
4.2 vuejs的数据相应原理。
4.3 vue组件化
组件化是扩展html元素,封装可重用的代码
组件设计原则:
1.页面上每个独立的可视/可交互区域视为一个组件。
2.每个组件对应一个工程目录,组件所需要的各种资源在这个目录下就近维护。
3.页面不过是组件的容器