(前端面试题)每日5题

1、盒模型有哪些？

       a、标准盒模型 b、怪异盒模型(IE)

        标准盒模型：设置的宽度就等于内容的宽度
        IE盒模型：内容的宽度 = 设置的宽度 - border的宽度 - padding的宽度

2、forEach和Map的区别

        区别：map分配内存空间存储新数组，并且返回，forEach不会返回，返回undefined

 3、vue的生命周期

        vue3为例，beforeCreate()、created()、beforeMount()、mounted()、beforeUpdate()、updated()、beforeUnmount()、unmounted()

4、在不知道父级盒子高度的情况下，如何让子级盒子垂直水平居中？有几种办法？

        方法一：设置子级盒子内边距padding: 50% 50%;

        方法二：定位，父级相对，子级绝对，四个方向距离设置为0，margin为auto

        

         方法三：定位，父级相对，子级绝对，下右方向设置为50%，利用位移transform: translate

        向上和左移动50%

        

5、 var、let、const区别

        var：声明的变量为全局变量，有变量提升功能

        let：声明的变量为块级作用域，只作用于块级区域内

        const：声明常量作用域也为块级作用域；声明后得赋值，且不能重新赋新值