格灵深瞳前端

总体感受：面试官小姐姐很好看，面试氛围很好

1，自我介绍

2，输入url到浏览器页面展示的过程

3，给你一个数组每次随机输出里面的值（申明一个数组存储下标，用math.random）

4，bfc(清除浮动)

5，水平垂直居中

6，flex布局；（flex：1的原理）

7，定位有哪些属性（固定，绝对，默认，相对，粘性）

8，相对定位和绝对定位分别是相对于谁来定位（绝对定位是相对于元素最近的非默认定位的祖先元素，相对定位是相对于元素在文档中的初始位置）​

9，行内元素和块级元素的区别？（换行；设置不了宽高；）

10，行内元素的内边距和外边距的设置是否有效（左右的话两者都有效，内边距上下的话，区域范围变大，加background-color可见，但实际并不会对周围元素产生影响）

11，​怎么改变行内元素和块级元素；

12，​ console.log('1');

    setTimeout(function () {。      
      console.log('2');
      new Promise(function (resolve) {
        console.log('3');
        resolve();
      }).then(function () {
        console.log('4')
      })
    },0)


    new Promise(function (resolve) {  
      console.log('5');
      resolve();
    }).then(function () {
      console.log('6')   
    })


    setTimeout(function () {
      console.log('7');
      new Promise(function (resolve) {
        console.log('8');
        resolve();
      }).then(function () {
        console.log('9')
      })
      console.log('10')
    },0)

    console.log('11')
//1,5,11,6,2,3,4,7,8,10,9

输出原理？

13，for(var i=0;i<5;i++){
      setTimeout(function(){
        console.log(i)
      },1000*i)
    }
//5个五，使用let或者闭包输出0到5

14，​let subClass = function(){
    let name=‘小王’;
    if(true){
        var name=小张‘;
        console.log(name);
    }
    console.log(name);
}
subClass();
//name重复申明，报错，讲了作用域和let的特性

15，​vue组件传值的方式

16，vue是否是单向数据流//楼主没看过这个，搞错了就说了设计模式，vue是单向数据流

17，修改ui组件的样式，得到自己所想要的//把页面scope取消掉或者v-deep

18，实习中遇到过的难点；

19，反问
​​​