1.有关html Doctype的描述:
它的责任就是告诉浏览器文档使用哪种html或者xhtml规范;
不同文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析;
不同浏览器在混杂模式下的行为差异非常大,如果不使用某些hack技术,跨浏览器的行为根本就没有一致性可言。
2.以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式,但实际上,这些标签都拥有确切的语义。并不反对使用它们,但是如果您只是为了达到某种视觉效果而使用这些标签的话,我们建议使用样式表,那么做会达到更加丰富的效果。
3.HTML5中常用的新特性:
canvas元素:用于定义图形(图表等),只是图形容器,必须使用脚本来绘制图形。
audio:用于音频播放。
video:用于视频播放。
article:规定独立的自包含内容。
header:定义文档的页眉,介绍相关信息。
section:定义文档中的节。
footer:定义文档的页脚,通常有文档的作者、版权信息、联系方式等。
nav:定义导航链接。
表单控件:
calender
date
time
email
url
search
表单元素:
datalist
output
keygen
4.自闭合标签
有<input/><img/><link/>以及下划线标签hr、<meta>等。
5.html5标准的链接默认都是带下划线的;bootstrap链接只有在hover状态下才带下划线。
6.w3cshool中jQuery事件手册中,有很清晰的说明:blur()方法是当元素失去焦点时,发生blur事件;而focus()方法是当元素获得焦点时发生focus事件;
7.bootstrap3:
在windows上支持IE8
在MAC OS及Windows上支持firefox
在IOS及android上都支持chrome
8.display:none 和 visibility:hidden的说法,正确的是?
display:none与visibility:hidden都可以用来隐藏某个元素
display:none在隐藏元素的时候,将其占位空间也去掉;而visibility:hidden只是隐藏了内容而已,其占位空间仍然保留。
9.可以通过Cookie来实现:
记录访问者的信息
在页面之间传递信息
自动识别用户
10.bootstrap中表格类
11.在 HTML5 中,哪个方法用于获得用户的当前位置?
getCurrentPosition()
12.哪一个不是浏览器默认的天生inline-block标签(拥有内在尺寸,可设置高宽,不会自动换行)?
<label>
13.当窗口上下滚动时。能始终固定在视野顶端的是(div的直接父级元素是<body>):
<div style=”position:fixed;top:0;”></div>
14.以下哪一个选项是html5的dtd?
<!DOCTYPE html>
15.什么是 Web Worker ?
运行在后台的JavaScript程序,不会影响页面的性能。
16.哪个操作是W3C标准定义的阻止事件向父容器传递:
e.stopPropagation()
17.<input type=”text” name=”user_name” antofocus=”autofocus”/>
页面加载后,浏览器将自动聚焦user_name字段
18.表单提交时会触发什么Dom事件?
submit
19.<input>元素的type属性的取值可以是:
20.当margin-top、padding-top的值是百分比时,分别是如何计算的?
相对最近父级块级元素的width,相对最近父级块级元素的width
21.MVC是一种常见的架构。模型变更之后,只有控制器(Controller)才能驱动视图变更或重新渲染视图。
22.sessionStorage 、localStorage 和 cookie 之间的区别
共同点:
都是保存在浏览器端,且同源的。
区别:
1:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。
2:存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。
3:数据有效期不同,sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。
4:作用域不同,sessionStorage不在不同的浏览器窗口敏感词享,即使是同一个页面;localStorage在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。
5:Web Storage支持事件通知机制,可以将数据更新的通知发送给监听者。
6:Web Storage 的 api 接口使用更方便。
23.GET和POST的区别:
1.GET请求的数据会附在URL之后(就是把数据放置在HTTP协议头中),POST把提交的数据则放置在是HTTP包的包体中。
2.GET方式提交的数据最多只能是1024字节,理论上POST没有限制,可传较大量的数据。
3.POST的安全性要比GET的安全性高。
24.head部分中的JavaScripts会在被调用的时候才执行。body部分中的JavaScripts会在页面加载的时候被执行。
25.哪个HTML5内建对象用于在画布上绘制?
getContext
26.jquery ajax中都支持哪些返回类型?
xml 、html、jsonp、json等
27.head 标签中必不少的是:
<title>
28.head标签中
<head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
<title> 定义文档的标题,它是 head 部分中唯一必需的元素。
29.正确的是:
为<table>标签添加.table类可以给表格添加水平分割线
为表格添加table-bordered类可为表格中每个元素增加边框
为表格添加table-hover类可为表格中增加鼠标悬停样式
30.为了在input两侧添加额外元素,以下说法正确的是:
使用input-group来封装控件
使用input-group-addon来添加前置元素
必须为input添加form-control类
31.在css3中要使元素由一种样式转换成另一种样式,为元素添加效果的属性是?transition
animation要结合@keyframes规定的样式变化,才能实现。transition的话,可以直接设置样式的变化。
32.火狐与IE6的区别
(1)火狐浏览器中,非float的div前面有同一父级的float的div,此div若有背景图,要使用clear:both,才能显示背景图,而IE6.0中不用使用clear:both。
(2)在[text-decoration:underline]的属性下,IE6.0显示的下划线会比FireFox低一点。在FireFox中,部分笔画会在下划线的下面1个象素左右。
33.不换行必须设置哪些项?
word-break、white-space
34.<input>元素的type属性的取值可以是:
35.比较Ajax与Flash的优缺点:
Ajax的优势在意在于开放性,易用性及易于开发
Flash的优势在于多媒体处理,可以更容易的调用浏览器以外的外部资源
Ajax最主要的批评就是它可能破坏浏览器的后退功能
flash 文件经常会很大,用户第一次使用的时候需要忍耐较长的等待时间
36.关于web表单登录中用到的图形验证码的实现:
服务器端生成验证码后一方面通过图片将验证码返回给客户端,同时在服务器端保存文本的验证码,由服务器端验证输入内容是否正确。
37.把鼠标移到按钮并点击时,会产生一串什么样的事件?
hover focus active
38.关于btn标签的说法正确的是:
btn-group能将按钮组成按钮组
btn-toolbar能将btn做成复杂组件
btn-group可以嵌套使用
可以使用btn-group-lg,btn-group-sm来调整按钮大小