猫眼娱乐前端面经（10.24）

电话面试+石墨文档写代码（1小时）

1、自我介绍

2、对网络了解吗？说一下OSI七层模型？TCP协议在哪一层？HTTP协议在哪一层？

3、HTTP和HTTPS的区别是什么？HTTPS是如何建立信息安全通道的？

4、HTTP状态码了解吗？说几个

5、302状态码是什么情况下会出现？我提了ETag和Last-modified

6、ETag是客户端设置还是服务端设置的？

7、队列和栈的区别是什么？

8、问flex布局用过没？答没有。问我的项目里用到的布局是什么布局？我说两列布局，让说一下怎么实现

9、问除了两列布局还有什么？说三列布局，怎么实现？

10、清除浮动？提到了overflow:hidden，为什么overflow可以清楚浮动？提到了BFC布局

11、什么是BFC布局？触发条件有哪些？BFC布局有什么作用？

12、提到了margin重叠，如何防止margin重叠？

13、合并有序数组（使用的石墨文档链接）

let a = [2,6,10,12]

let b = [4,6,12,78]

fucntion merge(a,b){
    var arr = [];
    var i = 0;
    var j = 0;  while(i < a.length && j < b.length){  if(a[i] <= b[j]){  arr.push(a.slice(i,i+1)[0]);  i++;  } else {  arr.push(b.slice(j,j+1)[0]);  j++;  }  }  while(i < a.length){  arr.push(a.slice(i,i+1)[0]);  i++;  }  while(j < b.length){  arr.push(b.slice(j,j+1)[0]);  j++;  }  return arr;
}

这里为什么要用slice？

14、获取下面url中的参数转化成下面的queryObj对象：

var url = "https://shimo.im/docs/YhI6qCOxvWo3ORtq?a=123&b=qwe"

var queryObj = {

a: 123,

b: qwe

}

function getUrl(url){  var obj = new Object();  if(url.indexOf("?") != -1){  var def = url.split("?");  strs = def[1].split("&");  for(var i = 0; i < strs.length; i++){  var args = strs[i].split("=");  obj[args[0]] = args[1];  }  }  return obj;
}

15、跳转链接，一个url中包含另一个url链接的样子是什么

举例：var url ="https://shimo.im/docs/YhI6qCOxvWo3ORtq?redirectUrl=https://shimo.im/docs/YhI6qCOxvWo3ORtq&b=123"

这样的格式是正确的吗？

16、如下所示：定义了一个函数Parent，child是Parent的实例，要怎么获取到Parent的方法

function Parent(){}

var child = new Parent()

答：

Parent.prototype.sayName = function(){

console.log(this.name);

}

又问：

var p = Parent.prototype

child.xxxxx == p

xxxxx是什么的时候等于p？

答：child.prototype.prototype == p 是不对的

17、排序算法有哪些？又问快速排序的时间复杂度是什么？最坏时间复杂度是什么？

18、vue渲染页面中的key值是什么意思？如果没有key会发生什么？

19、vue中初始化定义了vm.data（赋了初值），会不会立即渲染到页面上？为什么？