写在最前面
keywords: http&https&http2 && xss&crsf
知识补充:
输入地址
,浏览器解析网址。DNS解析
,查询到IP,返回对应的IP。TCP连接
(TCP 三次握手 80 端口)。https 在 TCP 连接之前 SSL/TLS 做了加密,防劫持,需要证书,端口不同 443发送http请求
。返回http响应
。浏览器解析渲染页面
。断开连接
(四次挥手)。keywords: service work 和前端缓存 && http 请求头和响应头,状态码 && 白屏优化方案
- react 是什么设计模式 ?(这里就有埋坑了)
- 讲讲react 的通信方式?(props render, context, ,全局 store 我这边提到了使用 mbox)
- 能给我解释一下 mbox 具体的使用场景吗?
- 刚刚提到了 @observer , 你可以实现一个 JavaScript 的观察者模式吗?。
- 我们都知道 react 是单向数据流,我这里想实现一个双向绑定可以怎么实现?(了解 Object.defineProperty())keywords:
- --> 其中 useEffect 和 生命周期对比有什么关系?
- --> 一般 16+ 我们在哪里优化 render 流程
- --> 优化方案一: PureComponent(memo)
- --> 优化方案二:shouldComponentUpdate 中进行深层对比
- --> hooks 中我们使用 useMemo 优化(https://www.cnblogs.com/crazycode2/p/11780190.html)
keywords: hooks 和 react 生命周期(老) && useMemo
state = {
a: 0;
}
componentDidMount(){
this.setState({
a: 1
})
console.log(this.state.a)
}
复制代码
keywords: setState 异步?同步 && fiber &&