2022.05.16

1.有效字符串

2。BFS 实现二叉树

3.promise 输出顺序

4.hash 路由和 history 路由 优缺点

长列表渲染 1w 个节点有什么优化手段吗

6.设计一套流程 控制并发请求

进行功能拆解：

1. 在不同页面，应用都能用，那么应该导出全局单例

2. 根据 fetch 的 api 参数，自己实现一个进度条。

3. 手动去进行 Promise 的封装，运用 all，race 等方式配合限制并发上传的数量

4. 将传入的任务类型抽离出来，进度管理器只需提供插槽，有调用者（业务方）提供。

【基于 Promsie.race 的特性】配合 Promise.all 实现并行请求的限制请求数量，保持请求数量 【基于队列先进先出的特性】配合 Promise 构成微任务异步队列，实现并行请求的限制请求数量，保持请求数量。

function requestData(urls = [], callback = () => {}) {
  let requestArr = [];
  for (let i = 0; (length = urls.length); i++) {
    requestArr.push(fetch(urls[i]));
  }
  Promise.all(requestArr)
    .then((res) => {
      callback(res);
    })
    .catch((err) => {
      console.log(err);
    });
}

增加一个最大数量开关

实现一个批量请求函数, 能够限制并发量?.js

fetch 是不支持 progress 事件的，不过其内部实现了 Request 和 Response 类，其中 Response 封装一些方法和属性，通过 Response 实例可以访问这些方法和属性，例如 response.json()、 response.body 等等。

response.body 是一个可读字节流对象，其实现了一个 getRender()方法.getRender()方法用于读取响应的原始字节流，该字节流是可以循环读取的，直至 body 内容传输完成；

fetch(url).then((response) => {
  var reader = response.body.getReader();
  var bytesReceived = 0;

  reader.read.then(function processResult(result) {
    if (result.done) {
      console.log("Bytes received: " + bytesReceived);
      return;
    }
    bytesReceived += result.value.length;
    console.log("Received: " + result.value + "bytes of data so far");
    return reader.read().then(processResult);
  });
});