发表于: 2017-04-10 09:46:09
2 1088
今天完成的事情:昨天状态不是很好,没有按照计划完成任务六,而是重新理了一下知识点:
相关路由知识储备;
几种常见架构:MVC/MVP/MVVM
1、MVC
视图(View):用户界面。
控制器(Controller):业务逻辑
模型(Model):数据保存
通信方式:
View 传送指令到 Controller
Controller 完成业务逻辑后,要求 Model 改变状态
Model 将新的数据发送到 View,用户得到反馈
2、MVP
将 Controller 改名为 Presenter,同时改变了通信方向
通信方式:
各部分之间的通信,都是双向的。
View 与 Model 不发生联系,都通过 Presenter 传递。
View 非常薄,不部署任何业务逻辑,称为"被动视图"(Passive View),即没有任何主动性,而 Presenter非常厚,所有逻辑都部署在那里。
3、MVVM
将 Presenter 改名为 ViewModel,基本上与 MVP 模式完全一致
通信方式:
angular采用模式,双向绑定(data-binding):View的变动,自动反映在 ViewModel,反之亦然。
明天计划的事情:先实现三个页面的跳转功能吧,这两天思路有些混乱,还是按照任务要求一步步来
遇到的问题:路由配置,单页跳转的功能在angularjs的实现
收获:添加学习了一个新属性:
X-UA-Compatible
X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。可以在微软官方文档获取更多介绍。
为什么要用X-UA-Compatible?
在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。
使用下面这段代码后,开发者无需考虑网页是否兼容IE8浏览器,只要确保网页在IE6、IE7下的表现就可以了。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
//emulate 仿真
给网站添加X-UA-Compatible标签
我建议使用下面的X-UA-Compatible标签:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame
评论