前端面試季 – 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");複製程式碼