小米前端一面

1.typeof null返回值

typeof null返回的是一个字符串 值为object
console.log(typeof null);//"object"

2.bind用法

bind方法主要是将函数绑定到对象上，bind会常见一个函数，函数的this会指向传入到bind中的第一个参数的值：fn.bind(obj);此时函数的this会指向obj

3.for in 和for of

for in 应用于数组循环返回的是数组的下标和数组的属性和原型上的方法和属性，而for in应用于对象循环返回的是对象的属性名和原型中的方法和属性。
1.for in 会遍历原型上的属性和方法
2.for in 遍历数组时 index为字符串型数字，不能直接进行几何运算
3.遍历顺序有可能不是按照实际数组的内部顺序
for in 更适合遍历对象
for in 循环时，增加 hasOwnProperty 进行判断，可以有效避免扩展本地原型而引起的错误。
for of无法循环遍历对象
for in循环遍历的是数组的键值(索引)
for of循环遍历的是数组的值。
for in 会遍历自定义属性 for of不会

4.DOM0级和DOM2级

DOM0级：ele.on事件名=函数;不能叠加的为元素绑定同一事件，事件传递方式为冒泡传递

ele.onclick=function(){}

DOM2级：ele.addEventListener('click',callback,bol)
bol:可选参数 默认是false(冒泡),true为捕获，决定事件流的传递方向，可以叠加的为元素绑定统一事件。
IE中：ele.attachEcent('onclick',callback,bol)
区别：使用dom0级为某一个元素重复绑定相同事件，后绑定的会覆盖先绑定的
DOM0级只有冒泡，DOM2级既有捕获又有冒泡
同时存在时，先由外向里出发所有捕获，再由里向外触发所有冒泡

5.垂直水平居中

margin-top+margin-left+position
	.father{
		position: relative;
	    width: 300px;
	    height: 300px;
	}
	.son{
		    position: absolute; 
		    width:200px;
		    height:200px;
		    left: 50%; 
		    top: 50%;
		    margin-top: -100px;    /* 高度的一半 */
		    margin-left: -100px;    /* 宽度的一半 */
	}

position+margin:auto

    .father{
        position: relative;
    }
    .son{
        width: 100px;
        height: 100px;
        position: absolute; 
        left: 0; 
        top: 0; 
        right: 0; 
        bottom: 0;
        margin: auto;
    }

transform：

    .son{
        position: relative; 
        left: 50%; 
        top: 50%;
        transform: translate(-50%, -50%);    
    }

flex布局

    .son {
        display: flex;
        justify-content: center;
        align-items: center;
    }

display: table-cell

	.son{
		position: relative;
		width: 300px;
		height: 300px;
		border: 1px solid red;
		display: table-cell;	
		text-align: center;	
		vertical-align: middle;
	}

6.js如何实现继承

7.箭头函数this指向问题

8.jsonp为什么可以处理跨域