前端面試季 – 12家公司面試題全揭祕

MR_LP發表於2017-03-21

前端面試題

請各位讀者新增一下作者的微信公眾號，以後有新的文章，將在微信公眾號直接推送給各位，非常感謝。

0.前言

注意：
若文章中發現有圖片未能正常載入，請移步其他地址查閱。

作者的簡書

作者的CSDN

上一次給大家分享了一下近期的面試和麵試題，發現很多小夥伴還是比較感興趣的。

所以這次我又整理了一批面試題，來跟大家分享一下。

本文由 李鵬（MR_LP） 收集並手打出來，請勿隨意轉載。

作者保留法律追究權利，侵刪。

1.北京 ** 科技

第一張我就不上圖了，因為面試題原版上印著公司名稱，怕違法。

要求：

寫一個方法，在一個未知物件中，找出所有的“李鵬”。並 console.log 物件輸出它的引用地址，以及對應值以及當前所在物件和當前物件有多少個目標值。

題目：

<
!doctype html>
<
html lang="en">
<
head>
    <
meta charset="UTF-8" />
    <
title>
MR_LP -->
 QQ : 3206064928<
/title>
<
/head>
<
body>
<
/body>
<
script type="text/javascript" charset="utf-8">
/* 寫一個方法，在一個未知物件中，找出所有的“李鵬” 並 console.log 物件輸出它的引用地址，以及對應值 以及當前所在物件和當前物件有多少個目標值 * */    var tarrgetObj = { 
           a:{ 
               b:{ 
                   c:{ 
                       d:{ 
                           e:{ 
                               name:"百度"                            
  }                        
  },                        l:{ 
                           name:"李鵬-->
 QQ:3206064928"                        
  }                    
  }                
  }            
  },            d:"90",            e:"90",            l:{ 
               a:{ 
                   b:{ 
                       c:{ 
                           version:"1.0.0.1",                            name:"李鵬-->
 QQ:3206064928"                        
  }                    
  }                
  }            
  }            f:{ 
               name:"李鵬-->
 QQ:3206064928",                update:"2017年03月20日"            
  }    
  }<
/script>
<
/html>
複製程式碼

要求：

 運用 Angular 中的 filter 服務，為身份證寫一個過濾器 將身份證年月日轉化為 * 例如： 430682197905200825 430682********0825複製程式碼

要求：

 運用 JQuery 寫一個 alert 外掛 例如： <
button>
alert<
button>
 $('button').alert();
 點選按鈕將直接彈出 alert()對話方塊複製程式碼

要求：

 運用 JS 相關知識，做一個頁面計數功能 使用者第一次進入頁面計數為 1 第二次開啟頁面為 2  依次類推複製程式碼

2.某不方便透露名稱的公司

題目：

 1.怎麼樣使一個 div 居中於瀏覽器中間 2.在 sass 中，使用 @mixin 命名，定義一個程式碼塊     @minin left{ 
        float:left;
         margin-left:10px;
     
  }   接下來，如何去呼叫這個 @mixin？ 3.列舉不同的清除浮動的技巧，並指出他們各自的使用場景 4.position 的 absolute 和 fixed 的共同點和不同點複製程式碼

題目：

 6.在 AngularJS 中，directive 的 地位極高，也是最複雜的部分，   請簡述 directive 有什麼好處？請列舉 directive 之間的通訊方法？ 7.let c = {{b
  } = {b:xxx
  }
  } =>
 b : c();
   請寫出執行後的結果，並描述這段程式碼使用了哪些 ES6 特性？ 8.請寫一個正則實現驗證身份證的驗證 9.編寫一個方法，求一個字串的位元組長度 10.請實現以下函式     add(2,5);
    //執行結果為 7     add(2)(5);
    //執行結果為 7複製程式碼

題目：

     12.如何呼叫下面函式 getscope，分別實現列印出 “inner” 和 “window” 的結果？     scope = "window";
     env = { 
        scope:"inner",         getscope:function(){ 
            console.log(this.scope)         
  },
  } 13.請寫出下面程式碼段的結果     var foo = 10 + "20";
     "I am MR_LP,QQ:3206064928".split("").reverse().join("_");
     (window.foo||(window.foo = "bar"));
     console.log(window.foo)l     var foo = "hello";
     (function(){ 
        var bar = "MR_LP";
         alert(foo + bar + "QQ:3206064928");
     
  })();
     alert(foo + bar + "QQ:3206064928");
     var foo = [];
     var foo[2] = 1;
     foo.push(2);
     alert(foo.length);
     var foo = {n:1
  };
     var bar = foo;
     foo.x = foo = {n : 2
  };
     console.log(foo.x);
     console.log("one");
     setTimeout(function(){ 
        console.log("two");
     
  },1000);
     console.log("three");
複製程式碼