秘易网络前端二面2.18 已offer

15分钟问答30分钟共享屏幕写题

1.挑一个react项目介绍一下

2.介绍一下对react的了解

3.说一下redux的运行方式

4.react函数组件中是怎样实现生命周期的

5.说一下知道的hook和作用用法

6.平时是如何解决bug的，用过断点调试吗

7.es6新增了哪些东西

8.map和filter的区别

9.说一下prmise的用法和promise.all方法

手写题

1.对一个div包裹一个div实现子盒子的垂直水平居中展示。

2.andt组件库的button修改默认样式改成......

3.css实现div鼠标移入后高度平滑的增加100px,同时内部的字体字号修改为16。

4.存在两个数组，编写一个方法返回以所有array1数组（id不会重复）中与array2（id不会重复）有相同id的元素数组。

5.存在下方数据(children存在多层，当前只截取了一部分)，需要取出所有children以及本身的id值，返回一个id的数字数组。

6.补足下方数据，通过a进行分组，b进行自增长排序

const data = [

{ a: 0, b: 0 },

{ a: 0, b: 1 },

{ a: 0, b: 2 },

{ a: 1, b: 1 },

{ a: 1, b: 2 },

{ a: 1, b: 3 },

{ a: 2, b: 0 }];

补足后数据：

[

{ a: 0, b: 0 }, // 分组1 作为第一个序列字段最全（b）的组，被选为基准

{ a: 0, b: 1 },

{ a: 0, b: 2 },

{ a: 1, b: 1 }, // 分组2 序列字段个数和基准组一致，所以不补充数据

{ a: 1, b: 2 },

{ a: 1, b: 3 },

{ a: 2, b: 0 }, // 分组3 缺省数据，根据基准组进行数据补全

{ a: 2, b: 1 }, // 这行数据被补充

{ a: 2, b: 2 }, // 这行数据被补充

]

7.下方代码存在死循环，fetchSheetSource方法会触发clientFilters变量的变化，需要在不影响原逻辑的情况下解决死循环。