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

MR_LP發表於2017-03-21

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

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

0.前言


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

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

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

本文由 李鵬(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複製程式碼

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

要求:

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

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

要求:

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

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

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


題目:

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

 1.怎麼樣使一個 div 居中於瀏覽器中間

 2.在 sass 中,使用 @mixin 命名,定義一個程式碼塊
     @minin left{
         float:left;
         margin-left:10px;
     }
   接下來,如何去呼叫這個 @mixin?

 3.列舉不同的清除浮動的技巧,並指出他們各自的使用場景

 4.position 的 absolute 和 fixed 的共同點和不同點複製程式碼

題目:

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

 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家公司面試題全揭祕

     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");複製程式碼

3.深圳某公司


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

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

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

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

4.又是北京的一個公司


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

5.同樣是北京


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

6. 杭州某公司


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

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

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

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

7.瀋陽某公司


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

8.瀋陽某公司


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

9.不記得是哪裡的某個公司


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

10.不記得是哪裡的某個公司


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

11.不記得是哪裡的某個公司


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

12.不記得是哪裡的某個公司


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

13.一個之前口頭問到的內容


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

14.後記


終於整理完成了,感覺身體被掏空。

另外就是,關於這些面試題的答案還請各位讀者自行查閱。

記得查閱完成,順手把對應的答案發在評論區裡。

這樣也可以幫助其他人。

最後就是,本文由 李鵬 (也就是我)完全手打完成。

原文出處:www.jianshu.com/u/5a2fd0b8f…

感興趣的童鞋,或者還希望看更多內容,請加我好友。

(我猜你們一定找得到)

請勿隨意轉載,侵刪。

作者保留法律追究權利。

相關文章