性能优化篇

在使用webpack5的时候遇到了什么难题，都是怎么解决的 loader 和 plugin 不兼容5的问题，一般是通过google、issue查找有无解决方案，再其次去找替代品，最后找不到就根据需求自

https://bundlers.tooling.report/ Code Splitting 分离业务代码和第三方库（ vendor ） 可以充分利用浏览器的缓存来加载这些第三方库实现性能优化。 C

promise 并发可以直接使用 Promise.all 进行多个 Promise 并发执行 按顺序执行：         1.可以使用 async 函数里面的 for of 进行迭代        

websocket的鉴权授权方案 流程： 发起请求的浏览器端，发出协商报文： 服务器端响应101状态码（即切换到socket通讯方式），其报文： 协议切换完成，双方使用Socket通讯 鉴权 在连接建

推荐用dexie+webWorker web Worker实现远程数据库一致性 问： 本地数据库和远程数据库数据一致性怎么保证呢？ 答：所以个人其实更推荐将一些改动幅度比较小的api缓存到本地数据库中

问题：input输入框频繁请求接口，如何正确的显示最后一次返回的结果 搜索框功能，还是边输入边搜索边展示结果，会出现接口返回结果比较慢或者是多次请求中有的接口返回结果比最后一次返回结果要慢，导致最终结

切片上传是指将一个大文件切割为若干个小文件，分为多个请求依次上传，后台再将文件碎片拼接为一个完整的文件，即使某个碎片上传失败，也不会影响其它文件碎片，只需要重新上传失败的部分就可以了。而且多个请求一起

解决方案：虚拟列表 虚拟列表其实是按需显示的一种体现。只对可视区进行渲染，对于非可视区数据不渲染或部分渲染，减轻浏览器负担，提升渲染性能。 对于首次渲染，可根据可视区高度 ÷ 单个列表项高度 = 一屏