前端面试季 - 12家公司面试题全揭秘

21,748 阅读4分钟

请各位读者添加一下作者的微信公众号,以后有新的文章,将在微信公众号直接推送给各位,非常感谢。

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

要求:

 运用 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");

3.深圳某公司


4.又是北京的一个公司


5.同样是北京


6. 杭州某公司


7.沈阳某公司


8.沈阳某公司


9.不记得是哪里的某个公司


10.不记得是哪里的某个公司


11.不记得是哪里的某个公司


12.不记得是哪里的某个公司


13.一个之前口头问到的内容


14.后记


终于整理完成了,感觉身体被掏空。

另外就是,关于这些面试题的答案还请各位读者自行查阅。

记得查阅完成,顺手把对应的答案发在评论区里。

这样也可以帮助其他人。

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

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

感兴趣的童鞋,或者还希望看更多内容,请加我好友。

(我猜你们一定找得到)

请勿随意转载,侵删。

作者保留法律追究权利。