招银一面【前端】

1. HOC有什么作用，有什么缺点？

   作用是提高复用性。高阶组件有两种实现方式：代理方式和继承方式。代理方式可以应用在：操纵props、访问ref、抽取状态、包装组件这些场景。继承方式可以应用在：操纵props、操纵生命周期函数。

   缺点：传入组件的静态方法会消失。高阶组件传递给被包裹组件的 props 如果重名的话，会发生覆盖。

2. redux解决了什么问题？和Context的区别？

   解决了全局状态管理的问题，让状态可以被预测，方便测试。但是redux也只是提供了一个store，解决组件间通信还是需要搭配react的context来实现。和Context的区别就是redux有逻辑/数据/视图分离的代码结构（reducer/store/component），很好地划分了代码职责，而context没有。

3. 怎么理解TS中的接口？

   简单来说TS中的接口是一种类型的定义，当然也可以用来被类继承。接口可以继承接口，可以继承类。

   可参考TypeScript 中的类和接口 - 知乎 (zhihu.com)

4. cookies和session的区别？session可以存放什么？

   区别详细见下方链接。可以存放用户的帐号密码、个性化定制信息等。

   [你真的了解 Cookie 和 Session 吗? - 纯洁的微笑 - 博客园 (cnblogs.com)](https://www.cnblogs.com/ityouknow/p/10856177.html#:~:text=作用范围不同，Cookie 保存在客户端（浏览器），Session 保存在服务器端。 存取方式的不同，Cookie,只能保存ASCII，Session 可以存任意数据类型，一般情况下我们可以在Session 中保持一些常用变量信息，比如说UserId 等。)

5. 解决cookies跨域问题？

   1. 设置domain属性，设置为父域，使两个子域能够互相访问。
   2. 使用nginx反向代理。
   3. cors设置withCredentials（前后端都要）。

6. 讲讲跨域

   (3条消息) 什么是跨域？跨域解决方法_越努力，越幸运！-优快云博客_跨域

7. nginx解决的问题？

   nginx有哪些作用？ - 知乎 (zhihu.com)

8. promise.all和promise.any的区别？

   以下链接有all, any, race, allSettled 的用法。

   Promise 对象 - ECMAScript 6入门 (ruanyifeng.com)