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));
}

  暫時只記得這些題目,總之當時面試答的比較插件沒能進入二面,再接再厲~

  心得:基礎特別重要,答完這些題之后感覺很多很多題在javascript高級編程這本書里都有答案,面試官評價基礎不夠扎實,理解不夠充分答案莫容量可不夠堅定,所帶作品過於入門(個人充值繳費系統 含收銀台等等),注意這里用的是入門..而不是初級,一次慘痛的面試經歷 回家啃書 繼續加油