web前端开发面试被虐篇(一)

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

地点:北京

职位:前端开发工程师

要求:达到中级开发,JS基础足够扎实,css基础扎实,要求纯手写代码

面试过程:

进门一个面相老成的大叔递给我一份题,说别的都不好使先做题看看水平,说话语气很温和明显是面试过太多人了拿题直奔会议室开始笔试答题下面是部分笔试题:

 var A=function(name){if(name)this.name=name;}

 var B=function(name){this.name=name;}

 var C=function(name){this.name=name||"jon"};

 A.prototype.name="tom";

  B.prototype.name="tom";

   C.prototype.name="tom";

   //求下面三个输出值

   alert(new A().name);

   alert(new B().name);

   alert(new C().name);

解题思路.这道题考的是原型链掌握程度,首先A函数里面判断如果name有值的话 this.name=name 当然name有值了!!是undefined ! 重新赋值name this只当前作用域查询当前原型链name属性 tom 所以第一项是tom.

第二个不难理解的是undefined,第三个只是一个运算符问题也不难name 是undefined 肯定选择后面的jon了..所以答案是 tom undefind jon

var test=(function(i){

  return function(){

      alert(i*5);

  }

})(5);

test(2);//值是多少?

不要被这题迷惑了,考点自执行函数,形参与实参,默认参数是5,所以test传值2根本就没接收,所以答案是25

var a="00";

(function(){

    alert(a);//求a的输出是多少

    var a="01";

})();

解题思路:自执行函数,全局变量a,局部变量a 加载自执行函数的时候会遍历上下文这种方式叫执行上下文,参考大叔这篇博文:http://www.cnblogs.com/TomXu/archive/2012/01/13/2308101.html

执行上下文环境中包含a变量但是未加载程序开始执行alert 所以当前 a=undefined,如果当局部变量a被删除之后执行上下文结果并没有变量声明程序索引到全局变量a这时候a输出"00",相当于程序正常加载,但并非如此(个人理解如有纰漏请指出)

简述栈与队列并实现简单栈或者队列.

这道题比较简单,考理论掌握数据结构. 1.区别,栈,先进后出,队列,先进先出2.对于插入和删除操作限定3.数据读取速度不同

栈（Stack）是限定只能在表的一端进行插入和删除操作的线性表。
队列（Queue）是限定只能在表的一端进行插入和在另一端进行删除操作的线性表。

简述 css hack 理解.

CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以达到应用不同的CSS样式的目的，比如.kwstu{width:300px;_width:200px;}，一般浏览器会先给元素使用width:300px;的样式，紧接着后面还有个_width:200px;由于下划线_width只有IE6可以识别，所以此样式在IE6中实际设置对象的宽度为200px，后面的把前面的给覆盖了，而其他浏览器不识别_width不会执行_width:200px;这句样式，所以在其他浏览器中设置对象的宽度就是300px;

简述冒泡排序与快速排序并简单实现:

原理:

1.冒泡排序:双循环嵌套,前后数据相比较较小的放在前面,大的放在后面.

2.快速排序,需要中间容器吧数组分为两组分别比较大的放在大数组中小的放在小数组中之后合并两个数组即可

冒泡排序：

随便从数组中拿一位数和后一位比较，如果是想从小到大排序，那么就把小的那一位放到前面，大的放在后面，简单来说就是交换它们的位置，如此反复的交换位置就可以得到排序的效果。

var arr = [3,1,4,2,5,21,6,15,63];

function sortA(arr){

    for(var i=0;i<arr.length-1;i++){

        for(var j=i+1;j<arr.length;j++){

                      //获取第一个值和后一个值比较

            var cur = arr[i];

            if(cur>arr[j]){

                      // 因为需要交换值，所以会把后一个值替换，我们要先保存下来

                var index = arr[j];

                        // 交换值

                arr[j] = cur;

                arr[i] = index;

            }

        }

    }

    return arr;

}

//因为一次循环只能交换一个最大的值，所以需要再套一层for循环。

快速排序：

从数组的中间拿一个值，然后通过这个值挨个和数组里面的值进行比较，如果大于的放一边，小于的放一边，然后把这些合并，再进行比较，如此反复即可。

var arr = [3,1,4,2,5,21,6,15,63];

function sortA(arr){

    // 如果只有一位，就没有必要比较

    if(arr.length<=1){

        return arr;

    }

    // 获取中间值的索引

    var len = Math.floor(arr.length/2);

    // 截取中间值

    var cur = arr.splice(len,1);

    // 小于中间值放这里面

    var left = [];

    // 大于的放着里面

    var right = [];

    for(var i=0;i<arr.length;i++){

        // 判断是否大于

        if(cur>arr[i]){

            left.push(arr[i]);

        }else{

            right.push(arr[i]);

        }

    }

    // 通过递归，上一轮比较好的数组合并，并且再次进行比较。

    return sortA(left).concat(cur,sortA(right));

}