牛客网刷题day2

1.基于以下 HTML 结构，判断浏览器会发送多少个图片请求？

解析：
1）只要是img src引用的都会请求；
2） background: url()所属样式如果挂靠在某个元素上，就一定会请求；单独写了这么一个样式并不请求。
所以这道题目中，只有#bg不请求。
2.html标签选择器的权值为1 class类选择器的权值为10 id选择器的权值为100 内联样式表的权值最高1000 。
3.
1)
//强制让文档的宽度与设备的宽度保持1:1，
//文档初始化缩放比例是1:1，
//不允许用户点击屏幕放大浏览，
//允许用户缩放到的最大比例，
//尤其要注意的是content里多个属性的设置一定要用逗号+空格来隔开，如果不规范将不会起作用。其他属性有：width;height; initial-scale; minimum-scale; maximum-scale; user-scalable;
2)
//iPhone私有标签，它表示：允许全屏模式浏览
3)
//iPhone私有标签，它指定的iPhone中safari顶端的状态条的样式
4) //不识别邮件和不把数字识别为电话号码。
4.主流浏览器内核私有属性css前缀：
mozilla内核 (firefox,flock等) -moz

webkit内核(safari,chrome等) -webkit

opera内核(opera浏览器) -o

trident内核(ie浏览器) -ms
5.
disabled指当 input 元素加载时禁用此元素。input内容不会随着表单提交
readonly规定输入字段为只读。input内容会随着表单提交。
无论设置readonly还是disabled，通过js脚本都能更改input的value。
6.

7.要运用css3动画，你需要运用什么规则？
解析：要运用css3动画，需要运用@keyframes规则和animation属性。
8.
datalist规定输入域的选项列表，通过option创建！ keygen提供一种验证用户的可靠方法，密钥对生成器，私钥存于客户端，公钥发到服务器，用于之后验证客户端证书！ output元素用于不同类型的输出！
9.iframe可用在以下几个场景中：
1：典型系统结构，左侧是功能树，右侧就是一些常见的table或者表单之类的。为了每一个功能，单独分离出来，采用iframe。
2：ajax上传文件。
3：加载别的网站内容，例如google广告，网站流量分析。
4： 在上传图片时，不用flash实现无刷新。
5： 跨域访问的时候可以用到iframe，使用iframe请求不同域名下的资源。
10.MVC模型：是一种架构型的模式，本身不引入新功能，只是帮助我们将开发的结构组织的更加合理，使展示与模型分离、流程控制逻辑、业务逻辑调用与展示逻辑分离。 首先让我们了解下MVC（Model-View-Controller）三元组的概念： Model（模型）：数据模型，提供要展示的数据，因此包含数据和行为，可以认为是领域模型或JavaBean组件（包含数据和行为），不过现在一般都分离开来：Value Object（数据） 和 服务层（行为）。也就是模型提供了模型数据查询和模型数据的状态更新等功能，包括数据和业务。 View（视图）：负责进行模型的展示，一般就是我们见到的用户界面，客户想看到的东西。 Controller（控制器）：接收用户请求，委托给模型进行处理（状态改变），处理完毕后把返回的模型数据返回给视图，由视图负责展示。 也就是说控制器做了个调度员的工作，。 在标准的MVC中模型能主动推数据给视图进行更新（观察者设计模式，在模型上注册视图，当模型更新时自动更新视图），但在Web开发中模型是无法主动推给视图（无法主动更新用户界面），因为在Web开发是请求-响应模型。 那接下来我们看一下在Web里MVC是什么样子，我们称其为 Web MVC 来区别标准的MVC。