【前端知识点-8-17】

如何快速水平处置居中

方法1 flex

首先在要居中的盒子的外面开启flex布局，在盒子本身使用margin：auto

.div{
    margin:auto
}

方法2 translate+absolute

提示：利用transform的偏移

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

padding与margin的区别？

首先padding的作用范围是盒子本身,而margin的作用范围是盒子以外以其他盒子之间的范围

vm与百分比的区别?

首先vm指的是设备视口的宽度

而百分比是根据占父元素的多少来计算的

如何让谷歌浏览支持更小的字体

一般来说浏览器默认的字体大小是12px，如果字体小于12px，一般是不会生效的，我们可以用scale来实现

.div{
    transform:scale(0.8)
    -web- transform:scale(0.8)
}

let与var的区别

首先var会出现声明提前，例如以下代码

console.log(a)
var a =3
//这里不会报错，会打印3  这就是声明提前

var会出现声明覆盖

var a=1
var a=2
console,log(a)
//这一个不会报错，他会打印2

var 无作用域

function fn(){
    for(var i=0,i<=5,i++){
       
    }
    
     console.log(i)
}
//这里如果是var有作用域的话，在for循环的外面是拿不到i的
//但这里能打印