BAT面试总结

一面：

1、box-shadow、text-shadow各个属性的值？

box-shadow  与 text/shadow 用法差不多

1、水平偏移量 正值向右 负值向左；

2、垂直偏移量 正值向下 负值向上；

box-shadow: 5px 5px 27px red, -5px -5px 27px green;

3、模糊度是不能为负值；

4、inset可以设置内阴影；可以做球型

2、css box-sizing的值？

3、css清除浮动？BFC？如何不发生margin重叠？

//一种常见利用伪类清除浮动的代码

.clearfix:after {

    content:"."; //这里利用到了content属性

    display:block;

    height:0;

    visibility:hidden;

    clear:both; }

.clearfix {

    *zoom:1;

}

• BFC：块级格式化上下文，它是指一个独立的块级渲染区域，只有Block-level Box参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。

     
     
  
      
      
  BFC的生成
  
      
      
  既然上文提到BFC是一块渲染区域，那这块渲染区域到底在哪，它又是有多大，这些由生成BFC的元素决定，CSS2.1中规定满足下列CSS声明之一的元素便会生成BFC。
  float的值不为none；
  overflow的值不为visible；
  display的值为inline-block、table-cell、table-caption；
  position的值为absolute或fixed；
  
  看到有人把display：table也认为可以生成BFC，其实这里的主要原因在于Table会默认生成一个匿名的table-cell，正是这个匿名的table-cell生成了BFC
     
     

4、闭包的概念？闭包主要要做什么？什么是模块化？一个经典的闭包面试题。

5、cookie、session、sessionStorage、localStorage？怎么样在请求的时候不携带cookie，seesionStorage监听？

6、import以及require的区别？

7、js实现继承

8、this的指向问题

9、算法了解吗？js实现快速排序。

10、VUE生命周期，watch以及computed之间的区别

二面：

1、介绍你的项目中用到的技术栈？遇到的问题，怎么解决的？

2、git代码冲突了怎么办

3、webpack中loader和plugins之间的区别？

4、webpack代码分割 按需加载

5、要设计一个分页组件，说说你的实现思路？以及暴露的参数

6、css实现div自由落体动画

7、js实现div自由落体动画

三面：

 1、a1b3转为16进制数

2、甲有240吨水，从A地出发到B地去卖水，每次最多只能拿60公斤，每走1公里喝1公斤水，每走1公里水多卖1元，最多能卖多少钱？

3、你对新工作的期望？

4、最近在学习的新知识？

我说了设计模式，但是我学的一知半解，不是特别的清楚，所以面试官就建议我学习的时候首先要弄清楚这些设计模式都是做什么用的，能解决什么问题 而不仅仅只是会写代码

5、和同事合作写一个组件，你是负责人，你两实现的功能一模一样，效率也都差不多，该选谁的代码？

 

整个面试的过程更像是一次学习的过程，面试官都很好，抛出问题，如果你不是特别会，会一直引导你写出这段代码，不管面试结果何如，感谢有这次面试的机会。