前端工程师面试题汇总-2

Posted 2020-12-16 beimo

11.

超链接访问过后hover样式就不出现了，被点击访问过的超链接样式不再具有hover和active了，解决方法是改变CSS属性的排列顺序？（）
正确答案: A 
A. a:link {} a:visited {} a:hover {} a:active {}
B. a:visited {} a:link {} a:hover {} a:active {}
C. a:active {} a:link {} a:hover {} a:visited {}
D. a:link {} a:active {} a:hover {} a:visited {}

解析：

Link,visited,hover,active.

 L o v e h a t e  爱与恨

 

 

12.

下列说法错误的是()
正确答案: A 
A. 设置display:none后的元素只会导致浏览器的重排而不会重绘
B. 设置visibility:hidde后的元素只会导致浏览器重绘而不会重排
C. 设置元素opacity:0之后，也可以触发点击事件
D. visibility:hidden的元素无法触发其点击事件

解析：

display：none指的是元素完全不陈列出来，不占据空间，涉及到了DOM结构，故产生reflow与repaint

visibility：hidden指的是元素不可见但存在，保留空间，不影响结构，故只产生repaint，但不可触发绑定事件

opacity=0：指的是元素不可见但存在，保留空间，不影响结构，并且，如果该元素已经绑定一些事件，如click事件，那么点击该区域，也能触发点击事件的

 

13

以下代码符合html5规范的是

正确答案: B 
<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：直接错误