码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-07-08 19:42:59      阅读:65      评论:0      收藏:0      [点我收藏+]

标签:结构   div   isp   出现   直接   over   text   标签   试题   

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:直接错误

 

 

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

标签:结构   div   isp   出现   直接   over   text   标签   试题   

原文地址:https://www.cnblogs.com/beimo/p/13268697.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!