刷题笔记2

块级元素： div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr
行内元素： span、img、a、label、code、input、abbr、em、b、big、cite、i、q、    textarea、select、small、sub、sup，strong、u

 

1.关于javascript的原始类型（primitive type），错误的是
正确答案: D   你的答案: C (错误)
A:有5种primitive type，分别是Undefined、Null、Boolean、Number 和 String。
B:var sTemp = "test string";alert (typeof sTemp);结果为string
C:var oTemp;alert(oTemp == undefined)为true
D:alert(null == undefined);结果为false

解释：    Null类型： null类型也只有一个值，即null。undefined实际上是从null派生而来        的，因此ECMAScript把他们定义为相等的。      alert(null == undefined);         //output "true"      尽管两个值相等，但是他们的含义却不一样，undefined是    
    声明了变量但为对其初始化时赋予该变量的值，null则用于表示尚未存在的对象。        如果函数要返回的是对象，那么找不到该对象时，返回的通常是null。

 

2：
关于javascript的原始类型（primitive type），错误的是
正确答案: D   你的答案: C (错误)
有5种primitive type，分别是Undefined、Null、Boolean、Number 和 String。
var sTemp = "test string";alert (typeof sTemp);结果为string
var oTemp;alert(oTemp == undefined)为true
alert(null == undefined);结果为false

1.instanceof运算符希望左操作数是一个对象，右操作数表示对象的类（初始化对象的构造函数）。如果左侧的对象是右侧对象的实例，返回true，否则返回false。
例如：计算o instanceof f   
首先计算f.prototype，然后在原型链中查找o，找到返回true

2.===严格相等运算符：首先计算其操作数的值，然后比较这两个值，比较过程中没有任何类型转换

3.==相等运算符：如果两个操作数不是同一类型，那么会尝试进行一些类型转换，然后进行比较
（1）尽管null和undefined是不同的，但它们都表示“值的空缺”，两者往往可以互换，因此==运算符认为两者是相等的
（2）NaN表示非数字值，特殊之处：它和任何值都不相等，包括自身。判断NaN的方法：x!=x返回true  

 

3：
下列辅助类的说法错误的是？
正确答案: C   
<button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button><br>可以用来表示一个关闭按钮
<span class="caret"></span>可以用来表示一个三角符号
navbar可使用pull-left类来定义
navbar可使用navbar-left类来定义

 

4：
锚伪类
在支持 css 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态和鼠标悬停状态。用来表示链接不同状态的伪类就是锚伪类
a:link {color: green;} /* 未访问的链接 */
a:visited {color: blue;} /* 已访问的链接 */
a:hover {color:orange;} /* 鼠标移动到链接上 */
a:active {color: yellow;} /* 选定的链接 */
几个伪类必须按照一定的顺序(l-v-h-a)，a:hover必须被置于a:link和a:visited之后，才是有效的；a:active必须被置于a:hover之后，才是有效的。
书写顺序很重要：a:link - a:visited - a:hover - a:actived。

 

5：
<ul>
<li> </li>
</ul>
 
<ol>
<li> </li>
</ol>
 
<dl>
<dt> </dt>
<dd> </dd>
</dl>

<dl>标记定义了一个定义列表，定义列表中的条目是通过使用<dt>标记(“definition title”，定义标题)和<dd>标记(“definition description”，定义描述)创建的。<dt>给出了术语名，<dd>标记给出了术语的定义。
<table>代表表格</table>
<tr>代表表格中的一行</tr>
<td>代表表格中的一列</td>

 

6：
下列函数哪些是JavaScript的全局函数？
正确答案: A B D  
A:encodeURI
B:parseFloat
C:setTimeout
D:eval

6（编码相关）+ 2（数据处理）+ 4（数字相关）+ 1（特殊）
编码相关：
    escape()、unescape()、encodeURI()、decodeURI()、
    encodeURIComponent()、decodeURIComponent()
数据处理：
    Number()、String()
数字相关：
    isFinite()、isNaN()、parseFloat()、parseInt()
特殊：
    eval()

 

7：
bootstrap中如何让一个区块居中?
正确答案: A B   你的答案: A C (错误)
A:center
B:center-block
C:horizontal-center
D:vertical-center

A 的center是指<center></center>标签
B 的center-block是bootstrap的样式 .center-block  参见bootstrap中文手册http://v3.bootcss.com/css/#helper-classes
AB都可以起到让区块居中的作用所以选AB。

  B  bootstrap中的辅助类
  C  verticalCenter=“0” 表示垂直居中
  D  horizontalCenter=0表示水平居

 

8：
A：<h1> - <h6> 标签表示 HTML 标题，默认加粗
B：<caption> 标签表示表格标题，标题一般被居中表格之上，但不加粗文本
C：<em> 标签表示强调内容，显示为斜体，但不加粗文本
D：<th> 标签表示表格的表头，默认加粗文本

 

9：

在一个表单中，如果想要给输入框添加一个输入验证，可以用下面的哪个事件实现？
正确答案: C D   你的答案: A D (错误)
A:hover(over ,out)
B:keypress（fn） keypress（fn）局限于键盘输入
C:change()
D:change(fn)

hover移入移出，输入验证一般不会使用hover
keypress也不会用作输入验证，
change可以用作输入验证的事件，change(fn)只是一种实现方式，
    还有其他实现方式：
    原生js的onchange属性，
    html属性onchange，
    addEventListener(onchange,fn)都是实现方式，
    jquery中除了$(selector).change(fn)外还有bind(change,fn)

10
<div>
 <input type="button"id ="button1"value="1"οnclick="moveBtn(this);">
 <input type="button"id ="button2"value="2"/>
 </div>
 <script type="text/javascript">
 function moveBtn(obj) {
     var clone = obj.cloneNode(true); // 复制一个button1结点
     var parent = obj.parentNode; // 找到button1的父节点
     parent.appendChild(clone); // 将复制的结点加入到父节点，也就是button1的复制结点现在在button2后面了
     parent.removeChild(obj); // 移除原来的button1
 }
 </script>
所以最终达到的效果，就是把button1结点移到button2结点后面。

 

11
手动写动画最小时间间隔是多久
正确答案: A   你的答案: A (正确)
16.7ms
60ms
26ms
6ms
多数显示器的默认频率是60hz,即每秒刷新60次。所以理论上的最小间隔是1/60*1000ms=16.7ms

 

12
以下代码符合html5规范的是
正确答案: B   你的答案: C (错误)
<div><span></div>
<input type=”text” disabled>
<label id=”mylabel”></label>
<div myname=”javk”></div>
A：span标签需要双闭合
B：disabled可以单独写，也可以disabled=“disabled”；
C:label只有两个属性for（规定 label 绑定到哪个表单元素）和form（规定 label 字段所属的一个或多个表单）
D：直接错误

 

13
以下选项正确的是
正确答案: B C D   你的答案: A C (错误)
<p />
<br />
<hr />
<img />
自闭合标签有<input/><img/><br/><link/><hr/>等

所谓"闭合标签"其实准确的讲叫做"对标签"， 也就是成对出现，比如,等， 还有一种叫做"自闭合标签"，其实就是"单标签"， 比如，,，<meta/>等， 但是在H5标准下，自闭合标签是可以不写"/"的

 

14
在下列的 HTML 中，哪个可以添加背景颜色？ ()
正确答案: C D   你的答案: A D (错误)
<body&nbsp;color="yellow">
<background>yellow</background>
<body&nbsp;bgcolor="yellow">
<body&nbsp;style="background-color:yellow"&nbsp;/>

bgcolor 是 body 标签的一个属性，用于设置body的背景色  
CD  C 这种写法，再HTML5 已不推荐

 

15
下面哪些特性不是HTML5新引入的特性：(    )
正确答案: C E   
audio和video支持
Canvas
AJAX
localStorage
ES6
WebSocket

 

16

关于语义化，以下说法正确的有：
正确答案: A D   你的答案: A C (错误)
div元素本身不具有语义，但是可以结合class、title、lang属性来表示具有语义的一组内容
b元素和strong元素都可以用来表示强调
legend元素用于对表单控件进行分组，而fieldset元素用来表示它的标题
time元素用于表示时间、address元素用于表示地址

B.b表示加粗，strong表示重要文本
C.fieldset用来分组，而legend用来分组描述