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{300px;_200px;}，一般浏览器会先给元素使用300px;的样式，紧接着后面还有个_200px;由于下划线_width只有IE6可以识别，所以此样式在IE6中实际设置对象的宽度为200px，后面的把前面的给覆盖了，而其他浏览器不识别_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));
}

  暂时只记得这些题目,总之当时面试答的比较插件没能进入二面,再接再厉~

  心得:基础特别重要,答完这些题之后感觉很多很多题在javascript高级编程这本书里都有答案,面试官评价基础不够扎实,理解不够充分答案莫容量可不够坚定,所带作品过于入门(个人充值缴费系统 含收银台等等),注意这里用的是入门..而不是初级,一次惨痛的面试经历 回家啃书 继续加油