9月7日面试总结

发表于 |

面试印象

   面试公司的环境非常好，工作氛围也很不错。当拿到面试题时，我是优点惊讶的，因为面试题是英文的，而且，主要内容时react技术栈的面试，然而在boss直聘看的岗位要求是vue技术栈，所以有点懵逼。然后就问了技术总管一个比较蠢的问题，面试题是不是拿错了，我面试的是前端实习岗位，岗位要求的技术栈是vue，面试题考察的是react。然后就感觉技术总管心情不太好，给我回了一句，没拿错，那react就别答了，空着吧。

笔试题

  1. git修改代码或者是新增feature的work flow。
      本人的git技能只会简简单单地push fetch，当时看到题目都是蒙蔽的，这是什么需求，应该怎么解决。

  2. implement binary search(二分法查找)。
       给定一个有序数组和目标值，返回目标值在数组中存在的位置，如果目标值不存在，返回-1。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    function binarySearch(target, arr, start, end) {
        var start = start || 0,
            end = end || arr.length - 1,
            mid = parseInt((start + end) / 2);
        if(target > arr[end] || target < arr[start]){
            return -1;
        }
        else if(arr[mid] === target){
            return mid;
        }
        else if(target < arr[mid]){
            return binarySearch(target,arr,start,mid);
        }
        else if(target > arr[mid]){
            return binarySearch(target,arr,mid + 1,end);
        }
    }

  3. css实现未给定宽度和高度的块级元素居中
       使用css3的transform属性，代码如下:

  • HTML部分

    1
    2
    3
    4
    5
    6
    7
    8
    <div class="container">
        <div class="inner">
            to bear, carry, <br>
            or move from one place, <br>
            position, etc., to another; <br>
            transfer.
        </div>
    </div>
    • CSS部分
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      .container{
          height: 500px;
          position: relative;
      }
      .inner{
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
      }

  1. short phrase for background property,简写属性background
       直接合起来写就行了，顺序没有要求。

  2. 箭头函数和function的区别
    箭头函数的this指向函数生成时的作用域，而不是调用时的作用域。