2020.09.11

1. 自己在项目中都做了什么

2. https 服务端怎么识别是否正确

3. axios 做一个正常 abort

   从 Ajax 到 Axios

4. 自己手写一个 http 请求

   自己手写一个 http 请求

5. 协商缓存和强缓存

   浏览器缓存策略详解

6. localStorage 和 sessionStorage 区别

   本地存储的几种对比

7. 加密算法有哪些： 非对称加密算法 对称加密算法 hash 算法

   常见加密算法

8. React 上下文（Context）中的 Provider 和 Consumer：

在 React 中，Context 提供了一种方式，使得组件可以在组件树中传递数据，而不需要通过逐层传递 props。

• Provider： 用于提供上下文的值。它接受一个 value 属性，所有位于其下的 Consumer 都可以访问到这个值。

• Consumer： 用于消费上下文的值。它需要一个函数作为子组件，这个函数接收当前的上下文值，并返回 React 元素。

import React, { createContext } from "react";

// 创建一个上下文
const MyContext = createContext();

function App() {
  return (
    // 使用 Provider 提供值
    <MyContext.Provider value="Hello, Context!">
      <ChildComponent />
    </MyContext.Provider>
  );
}

function ChildComponent() {
  return (
    // 使用 Consumer 获取值
    <MyContext.Consumer>{(value) => <p>{value}</p>}</MyContext.Consumer>
  );
}

1. 设置组件原型链的方法

function PureComponent() {
  // 构造函数的实现
}

// 设置构造函数的原型
PureComponent.prototype = Object.create(Component.prototype);
PureComponent.prototype.constructor = PureComponent;

在这个示例中，PureComponent 的原型被设置为 Component 的实例，这意味着 PureComponent 继承了 Component 的属性和方法。