阿里实习前端一面面经

- `react-three-fiber` 实现原理

[Build your own React](https://pomb.us/build-your-own-react/)

- js 中的继承有几种实现方式

答: 3种: class, 构造函数, 原型

- 为什么用 `react-query`, 解决了什么问题? 如果让你用 `axios` 来实现 `react-query` 的话, 你会怎么做?

[Axios用法与原理 | springleo's blog](https://lq782655835.github.io/blogs/project/axios-usage-theory.html)

- 你对 `react` 的 `hook` 原理有了解吗?

[https://juejin.cn/post/6891577820821061646](https://juejin.cn/post/6891577820821061646)

- `useEffect` 用法, 生命周期?

- `three.js` 的 `geometry` 和 `bufferGeometry` 有什么区别?

[BufferGeometry和Geometry有什么不同](https://segmentfault.com/a/1190000019477085)

- 你用 `d3` 写了什么? `d3` 的数据如何跟 `dom` 绑定? 当数据更新后, 如何更新绑定关系?
- d3 线性比例尺 和 分类比例尺 的区别
- 我看到你简历写了实现数据库核心模块 你能讲一下 `B+` 树 vs B树吗, `MySQL` 用的哪种?

[面试官问你B树和B+树，就把这篇文章丢给他](https://segmentfault.com/a/1190000020416577)

`MySQL` 用的`B+`

- 口述一下 `quickSort` 的实现过程
- 双指针和pivot比较, 再递归
- SQL 查询重名人的名单

select name from students where count(*) > 1 group by name;

- 你说 `react` 记忆化, 你做了什么? 控制反转呢?
- 记忆化: 登陆界面, 两个大块 memoization
- 控制反转: 自己封装了简易的单选组件
- `react` 渲染顺序: 三个嵌套组建, `didMount` 顺序, `render` 顺序?

`didMount`是子组件先, `render`是父组件先

- 你对 `webpack` 配置熟悉吗?
- 不熟
- `react` 的 `@` 修饰符是干嘛的?

[装饰器(Decorator)在React中的应用](https://www.jianshu.com/p/275bf41f45cf)


- 你 `typescript` 熟吗? 能讲一下泛型吗? 它的使用场景
#面经##阿里巴巴##前端工程师##实习#