首页 > 技术文章 > 5道前端面试题,收藏

swl267 2016-03-11 17:03 原文

这五道面试题的答案是我自己做的,题目是找来的

1.写出下列代码在各个浏览器中的颜色值?

background: red;
_background: green;
*background: blue;
background: black\9;
  1. “-″减号是IE6专有的hack
  2. “\9″ IE6/IE7/IE8/IE9/IE10都生效
  3. “\0″ IE8/IE9/IE10都生效,是IE8/9/10的hack
  4. “\9\0″ 只对IE9/IE10生效,是IE9/10的hack

2.添加些css让其水平垂直居中。

<div style="____________________________">
    前端修炼
</div>

3.如下代码,在空白处填写代码,是其点击时,前景色为白色,背景色为黑色。

<div onclick="_________________">颜海镜</div>
<div onclick='javascript:this.style.color="#0f0";this.style.backgroundColor="red";'>前端修炼</div>

 

4.书写代码,点击时从1分钟开始,每秒递减到0。

<div onclick="test();">60</div>
        function test(e){
			var $this = e;
			var m = 59;
			console.log(m);
			var mt = window.setInterval(function(){
				$this.innerHTML=m;
				
				if(m==0){
					window.clearInterval(mt);
					console.log(234);
				};
				m--;
			},1000);
		};

  

5.简述在IE下mouseover和mouseenter的区别?

这是百度知道的一个答案,不知道正确与否,因为我也没有在IE下测试过这两个事件;

不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。对应mouseout只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。对应mouseleave

这样的话,mouseenter子元素不会反复触发事件,否则在IE中经常有闪烁情况发生。

推荐阅读