让前端飞

携程 地面业务 前端面试经历

2017-06-05  本文已影响0人  诗和元芳

先说下背景吧，本人工作经验两年，在一家携程注资的OTA公司工作，所以用的空号，防止被同事认出来。。。看了电视上的凌空SOHO大厦，确实很壮观，就萌生了去上海看看的想法

所以我就投了简历，很快，中午投递出去，下午就接到了HR的电话，约了今天面试，上海下着大雨，真的是大都市，走在路上，感觉自己真的很渺小。

到了携程大楼，先是HR给了张表，填了一堆，画了个树，我无耻的画了一张前端图谱，不过后来发现也没人看这东西。

笔试

首先上来，是40分钟的笔试。

题目一

<div id="d">
        <div id = "a"></div>
        <div id = "b"></div>
        <div id = "c"></div>
    </div>
    <script>
        var a = [document.getElementById('a'),document.getElementById('b'),document.getElementById('c')];
        var b = [document.getElementById('d').getElementsByTagName('div')];

  问a 和 b 的区别。
    </script>

说真的，是出于紧张呢还是咋地，我真就愣生生没看出来，我还在想，返回都是数组， 是不是哪个打出来的是个标签，然后不能继续使用它下面的方法了呢。。。<b>卒</b>。
实际上真的就是b多加了一个[]，造成了一个二维数组，tagName本来就返回一个数组啊

题目二 - 数组去重

请手打一个数组去重的方法，题目是[1,2,3,2].distinct() = [1,2,3]。
这里我用了hash的方法去的重

    Array.prototype.distinct = Array.prototype.distinct || function(){
                var len = this.length,
                      i = 0,
                      hash = {},
                      myArr = [];
            for(; i < len; i ++){
                      if(!hash[this[i]]){
                          hash[this[i]] = true;
                          myArr.push(this[i])
                      }
            }
        return myArr;
    }

后来面试的时候，面试官说我这 方法不好，用不着hash，我不知道他是不是想说indexOf,但是他也没告诉我具体的方案- -

题目三，考察闭包

        function mo(){
            var x = 0;
            return function(){
                console.log(++x)
            }
        }
        var a = mo();
        var b = mo();
        a();
        a();
        b();

答案是1，2，1。这个没啥a再次执行的时候没有走mo()函数，直接走的内部函数，保存了外层的x变量给自己用。

题目四

        var p = [];
        var A = new Function();
        A.prototype = p;
        var a = new A;
        a.push(1);
        console.log(a.length);
        console.log(p.length);

这题我写的undefined,0。回家输出发现是1，0。不理解的是a在new 完后真的就给了一个Array 对象。具体还要去研究一下
更新此题，当我看明白了之后，我只能佩服出题人啊，先来逐句解析。

题目五，数组降维

想到这题，我写了一个自以为不错的解法，结果基本功不熟练，没反应过来join()会自动添加逗号，其实不是没反应过来，还是平时依赖控制台次数多了。。。控制台看到了问题会立马改，纸上就不是这样了。

  ```
      function fn(arr){
            return  Array.from(arr.join());
      }
  ```

23333333,一堆逗号啊掉数组里了。
function fn(arr){ var tempArr = Array.from(arr.join('-')); for(var i = 0;i<tempArr.length;i++){ if(isNaN(tempArr[i])){ tempArr.splice(i,1) } } return tempArr; }
这样就可以了，真是后悔莫及，不过我又写了第二种方法,再一次暴露了依赖控制台的毛病，不是不会，不是没思路，就是写错。。。

   function fn(arr){
         var myArr = [];
         var fn2 = function(arr2){
               for(var i = 0;i<arr2.length;i++){
                 //说真的，这个我真是懵逼了当时
                 //我就在想，什么是数组具备的而数字不具备的。
                 //所以思维在紧张的情况下真的会被锁死
                 //于是我神奇的用了'sort' in arr2[i] 来替代下面的条件.
                 //虽然控制台直接敲xx in 啥的可以，但是会报错，我也不明白是咋回事。这个下面说
                   if(Array.isArray(arr2[i])){
                    //   fn2.apply(null,arr2[i])；
                   //我开始写的apply，因为arr2[i]是一个数组，但是没反应过来的是
                   //arr2[i]对于函数来说，就是一个单独的参数[]，所以应该用call
                       fn2.call(null,arr2[i])
                   }
                   else{
                       myArr.push(arr2[i]);
                   }
               }
         }
         fn2(arr);
         return myArr;
       }
       fn([1,2,3,[4,5,[6,7]]]);

上面的'sort' in xx我在浏览器上测试

image.png image.png

面试

一面面了大概1个小时40分钟的样子，后来有别人预定了会议室，要开会，不然可能还要再面下去。。。
终于有时间更新了，这几天还要驾校重车，还要加班，好累。

没有顺序

更新说明我还不会用，区别应该是问的es7中的解构。原理就是es6直接采用for of，也就是说，所有总有迭代器的对象都能使用扩展运算符，在es6里说不能放前面的，但是在es7里如果用于对象是可以放前面的。懂了这个，上面几题就都该会了

箭头函数中的this默认指向在定义它时,它所处的对象,而不是执行时的对象, 定义它的时候,可能环境是window

          function aa(){
            var a = 1;
            return function bb(){
                console.log(a);
            }
        }
        aa()()

纯函数是指 不依赖于且不改变它作用域之外的变量状态 的函数纯函数的概念链接

与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。
然而，在以下情况中，请使用 POST 请求：
无法使用缓存文件（更新服务器上的文件或数据库）
向服务器发送大量数据（POST 没有数据量限制）
发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

上两题补充链接

然后还问了一些关于项目上的问题，以及如何设计一个搜索组件，需要考虑到哪些问题。
应该就这些，没想起来的想起来再补充，感觉答的不好，很多都不记得了。

三分之一的题目 比如实现原理啊，缺点啊，为什么啊，会有什么问题啊，此类问题要么不会，要么答的不好

总共就这么多，我要继续巩固基础了~!!!!!!!

上一篇 下一篇

猜你喜欢

热点阅读