字节前端面试回顾

这是南京的字节，走的是寻常路。

1 水平垂直居中的几种方法的区别是什么（说了四种）

1、给绝对定位，盒子必需指定宽度，left、right、top、bottom都给0，margin给auto；

2、子绝父相，子盒子top、left都50%，用transform: translate(-50%,-50%);

3、子绝父相，子盒子top、left都50%，再设置margin-top、margin-left为当前盒子宽度一半的负值；

4、用flex布局，令主轴和侧轴的子元素排列方式为居中。justify-content：center；align-items:center

2 text-align和vertical-align的区别

具体讲解可以参考该地址https://blog.csdn.net/ddf20050815/article/details/102105557?

3 last-modified 和Etag存的是什么

4 defineproperty的缺点是什么

5 css放在哪（在项目中按顺序）

6 浏览器页面渲染

7 给出一道算法题

数组['A','B','C',''D','E']，每个字母对应的顺序为[2,1,3,3,5]，数字小的在前，大的在后，返回[B,A,C,D,E]

 var pai=function(arr1,arr2){
        var arr3=[],result=[];
        for(let i=0;i<arr1.length;i++){
            var C1=arr1[i]+arr2[i];
            arr3.push(C1);
        }
        for(let j=0;j<arr3.length;j++){
            var arr4=arr3[j].split('');
            if(result.indexOf(arr4[1])==-1){
                result[arr4[1]]=arr4[0];
            }
        }
        return result;
    }
    console.log(pai(['A','B','C','D','E'],[2,1,4,3,0]));
//
0: "E"
1: "B"
2: "A"
3: "D"
4: "C"

8 jsonp如何实现跨域的（返回的是什么）

9 行内元素水平垂直居中

div{text-align:center; height:30px; line-height:30px} 

具体答案就不一一说了，可根据这些问题对应去看。