1.选出你认为最合理的定义标题的方法。(C)
A.<span class=”heading”>文章标题</span>
B.<p><b>文章标题</b></p>
C.<h1>文章标题</h1>
D.<strong>文章标题</strong>
A是添加了一个类 B是用加粗 C使用标签h1 D是强调
2.在做移动开发的时候,页面上显示了一个数据列表,要求在页面的左侧显示数据的标题,右侧显示一张导航图标,该怎么来做( A )
A.<div style="float:left">文本标题</div>
<div style="float:right">图标</div>
B.<div>文本标题</div>
<div>图标</div>
C.<div style="display:box;">文本标题</div>
<div style="display:box">图标</div>
D.<div style="float:left">文本标题</div>
<div style="float:left">图标</div>
3.列表分为两类,一是无序列表,一是有序列表,以下哪个是无序列表?(A)
A.<UL>
B.<OL>
C.<DIR>
D.<DL>
4.ul:unorder list 无序列表
var str1=new RegExp("e"); document.write(str1.exec("hello")); 以上代码输出结果为( A )
A.e
B.null
C.1
D.其他几项都不对
exec执行结果是一个数组,但是使用了document.write,所以显示在html中的内容是数组中的元
素,即e
5.浏览器渲染流程,以下哪个顺序是正确的?
1构建render树 2绘制render树 3布局render树 4解析HTML并构建DOM树(C)
A.1432
B.4123
C.4132
D.1423
- 浏览器会将HTML解析成一个DOM树,DOM 树的构建过程是一个深度遍历过程:当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点。
2. 将CSS解析成 CSS Rule Tree 。
3. 根据DOM树和CSSOM来构造 Rendering Tree。注意:Rendering Tree 渲染树并不等同于 DOM 树,因为一些像Header或display:none的东西就没必要放在渲染树中了。
4. 有了Render Tree,浏览器已经能知道网页中有哪些节点、各个节点的CSS定义以及他们的从属关系。下一步操作称之为layout,顾名思义就是计算出每个节点在屏幕中的位置。
- 再下一步就是绘制,即遍历render树,并使用UI后端层绘制每个节点
6.以下代码执行后,console 输出的信息是? for(let i = 0; i < 5; i++){ requestAnimationFrame(() => console.log(i)); }(B)
A.1 2 3 4 5
B.0 1 2 3 4
C.4 4 4 4 4
D.5 5 5 5 5
每一次循环的i其实都是一个新的变量。
7.关于 this 的工作原理,下面 4 种情况的描述哪一个是错误的?(C)
A.在全局范围内,this指向全局对象(浏览器下指window)
B.对象函数调用时,this指向当前对象
C.全局函数调用时,this指向全局函数
D.使用new实例化对象时,this指向新创建的对象
全局函数调用时,this指向全局函数; 应该是指向调用全局函数的对象。
8.如果在catalog.htm中包含如下代码,则该HTML文档IE浏览器中打开后,用户单击此链接小说将( C )
A.使页面跳转到同一文件夹下名为“novel.html”的HTML文档
B.使页面跳转到同一文件夹下名为“小说.html”的HTML文档
C.使页面跳转到catalog.htm包含名为“novel”的锚记处
D.使页面跳转到同一文件夹下名为“小说.html”的HTML文档中名为“novel”的锚记处
9.下列哪些是正确的引入CSS样式到html中的方式? (AC)
A.<link rel="stylesheet" type="text/css" href="test.css">
B.<link rel="stylesheet" type="text/css" src="mystyle.css">
C.<style type="text/css">body{color:red}</style>
D.<style type=“text/css" src="test.css"></style>
10.以下是HTML5新增表单元素属性的是:(ABCD)
A.placeholder
B.multiple
C.required
D.pattern
HTML5新增的表单元素有:
autocomplete、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、height、list、max、min、multiple、pattern、placeholder、required、step、width。