猫眼娱乐前端面经（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 是不对的
