依图科技+酷家乐 前端面经

一面：

项目中的数据可视化

react中props和state的区别

组件怎么拿到redux的数据

除了react还接触了其他的前端框架吗

水平垂直居中

给你一个DOM元素，用CSS的方式让他呈现两色的效果，只能有一个DOM元素

一个数组只有1和2，排序，1在前面，2在后面

JS的事件模型，捕获和冒泡，阻止冒泡

preventDefault和stopPropagation区别

三道代码题：

1. 给定一个数组，里面有若干个1和若干个2，现在需要将所有的1放到数组左边，所有的2放到数组右边，时间复杂度O(n)，空间复杂度O(1)。请实现这个排序算法。

2. 在x轴上0点处有个小机器人，他可以往x轴方向走一步，或者走当前距离的两倍。比如可以从2走到3或者从2走到4，都算一步。请实现函数 int count(int dest) {} ，返回小机器人从零点走到 dest 的最少步数。

3.  用js写一个函数f，满足 f(a,b) = f(a)(b) = a + b，意思是 函数f 在多个参数下的返回是不同的，即支持传入两个参数，也支持分两次传入，最终完成 a+b 的操作。

二面：

项目遇到的困难

http缓存

https

跨域

前端有哪些优化

浏览器兼容性

react 的事件绑定和原生的有什么区别 

一个数组，有很多数字存在两次，只有一个数字存在一次，怎么找出这个数字，我说亦或，他问我如果有两个不同的怎么办

已拿offer

酷家乐二面：

自我介绍，说一下上一面的内容 

项目：

挑一个项目，说具体负责的东西 ，遇到的难点

解释项目中的可视化图

用ECharts的过程中有什么问题吗

组件复用

你在写react的时候，哪些东西是放在props，state，render里

react的优化

react的key

css： 

盒模型

背景色是红色，红色的是哪一部分

box-sizing

position哪几个属性，哪几个是在文档流里

z-index

js： 

this的指向

有什么方法能改变this的指向

new的过程

在构造函数里面返回一个其他的东西，还会返回我们创建的对象吗

又是项目。。。。： 

谈了8分钟我项目中的websocket

三面

链表，树，哈希表

设计一个图书管理系统

设计模式