关于前端:记一次前端面试回顾

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