奇虎360前端面试题

淡淡的烟草味﹌ 2022-06-14 06:07 185阅读 0赞

题目来源于：[http://www.lupaworld.com/article-253526-1.html][http_www.lupaworld.com_article-253526-1.html]

## 一面 ##

### JS ###

#### 1.下面代码的输出值是？ ####

alert(1&&2);

答案：2  
解析：

（1）只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。
    （2）只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。
    （3）只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值。
    （4）只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值。

#### 2.正则表达式匹配，开头为11N, 12N或1NNN，后面是-7-8个数字的电话号码。 ####

var a=/^(11N)|(12N)|(1NNN)\d{7,8}$/;

#### 3.写出下面代码的输出值： ####

var obj = {
        a: 1, 
        b: function () { 
            console.log(this.a)
        }
    };
    var a = 2;
    var objb = obj.b;
    obj.b();                //1
    objb();                 //2
    obj.b.call(window);     //2

该题考察的是作用域与call( )函数的应用以及函数赋值的细节：  
首先是函数的引用赋值，objb( )被赋值后，所指向的地方也是function( )\{console.log(this.a)\},所以当objb( )运行时，这里的this便是window，window的a值为2，所以objb( )→window.objb( );所以前面两个的输出不是问题了，1和2；下来时call( ),call( )函数的调用使得window对象进行了b( )函数的调用，如同进行了window.b( )，同第二个情况相同，自然结果也是2.  
4.写出下列代码的输出值：

A{ __proto__:{ a:1, constructor:function A(){ }
        }
    }
    B{ a:undefined, __proto__:{ a:1, constructor:function B(){ }
        }
    }
    C{ __proto__:{ a:1, constructor:function C(2){ }
        }
    }

该题应该就是简单的考察了一下对象的构造情况，新的对象的所有**proto**的a都为1.  
5.写出下列代码的输出值：

var a = 1;
    function b() { 
        var a = 2;
        function c() { 
            console.log(a);
        }
        return c;
    }
    b()();  //2

该题考察的是作用域链的问题.  
再调用c( )函数的时候，关于c的一条作用域链为：c( )— >b( )— >window  
因为在b中存在a的值，所以这时a=2，就被使用了.

## HTML&CSS ##

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

background: red;  
\_background: green;  
\*background: blue;  
background: black\\9;  
答案：\#FF0000 firefox  
\#00FF00 IE6支持  
\#0000FF IE7支持  
\#000000 IE6-IE10

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

(1)使line-height=height

width:100px;
    height:100px;
    line-height:100px;
    text-align:center;

(2)使用table-cell,还可实现多行文本居中。

display:table-cell;
    width:100px;
    height:100px;
    text-align:center;
    vertical-align:middle;

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

.change{ color:white; background-color:black; }

function changeColor(){
        var div=document.getElementsByTagName("div");
        //var dic=documnet.querySelector("div");
        div.style.color="white";
        div.style.backgroundColor="black";
        //div.style.cssText="color:white;background-color:black;";
        //div.className="change";
    }

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

颜海镜

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

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

## 二面 ##

#### 1.已知圆心(x,y)，求圆上任一点(x1,y1)的坐标 ####

![这里写图片描述][SouthEast]  
（X1-X）(X1-X)+(Y1-Y)(Y1-Y)=R\*R

#### 2.随机抛五枚硬币，求三枚及以上朝上的概率 ####

![这里写图片描述][SouthEast 1]

## 三面 ##

明天去360面试，今天看看题。

[http_www.lupaworld.com_article-253526-1.html]: http://www.lupaworld.com/article-253526-1.html
[SouthEast]: /images/20220614/18f6eec021994dd780296604f5c1d0be.png
[SouthEast 1]: /images/20220614/defa4666b98145bda5c113e7e5b70253.png