前端面试题

1.如何让盒子快速居中，指的是水平和垂直都居中

父盒子设置display:flex  子盒子设置margin:auto 子盒子就能实现居中

2.margin与padding有什么不同？

margin是针对外部的，若设置背景颜色不会显示外边距；padding是针对自身的，若设置背景颜色会显示内边距

3.vw与百分比

vw只相对与屏幕窗口大小，而百分比具有继承性，会随着父元素而改变

4.var与let

var 声明提升（先上车后买票） 没有局部作用域 （红杏出墙） 声明覆盖（套牌车）

5.this指向问题

规则：函数在运行时，看有没有调用者，如果没有this指向window，否则this指向调用者

注意arr[0]调用者是arr

6.作用域

面试题：

var a=10;

function test(){

        console.log(a); 

        a=100;

        console.log(this.a);

        var a;

        console.log(a);

}

test();

注意点：预解析即var、function提升

预解析后：

var a;

function test(){}   

a=10;

test(); 

        var a;     //全局变量和局部变量同名时，全局变量不会作用于局部变量的作用域

        console.log(a);  //undefined

        a=100;

        console.log(this.a); //10   this指向window 

        console.log(a); //100

7.浏览器地址栏里输入URL后的全过程

DNS域名解析->TCP三次握手->四次挥手

内容有错误之处 感谢指出~