记一次前端面试回顾

1、react相关

• react hook一般不写在if、while循环中为什么？

  • 官网基础用法再看一遍
  • hook原理理解
• react的Fiber架构？
• react hook setState(xx)状态会立马变成xx吗？
• PureComponent
• shouldComponentUpdate原理与作用？
• 高阶组件HOC？

---

复盘&&反思：

• hook有什么优点？

    - 在组件之间复用状态逻辑很难【hook通过自定义hook可实现状态逻辑在不同组件中共享】 

• useEffect相比componentDidMount的优点？

    1. mount和update的副作用收到一起，render完都会执行，不做区分，componentDidMount和ComponentDidUpdate写两遍
    2. 不同类型副作用分离，不会都混到componentDidMount中，代码更清晰。对于需要清除的副作用，添加和清除写到一个effect中，清晰明了

• hook规则

  • 只在react函数最顶层调用，不要在条件if、循环while及嵌套函数中调用【因为：react根据hook的调用顺序对应每一个hook】
  • 只在react函数【react函数组件&&自定义hook】中调用，不在普通函数中调用

2、mobx

• mobx有什么优点？使用有没有遇到什么坑？
• react视图如何如何响应mobx状态的变化？

3、require原理？

4、基础部分

• js资源加载，defer && async
• 箭头函数在浏览器中是怎么运行的？
• cdn && 跨站请求
• cookie的一些理解，SameSite、secure、httpOnly