前言 大文件上传下载一直以来是前端常用且常考的热门话题。本文将分别介绍大文件上传/下载的思路和前端实现代码。 上传 整体流程 对文件做切片，选择文件后，对获取到的file对象使用slice方法可以将其

本文分析了chrome任务调度的进化过程，首先利用多个不同优级的消息队列来解决队头阻塞问题，接着利用不同的任务类型来划分任务优先级来保证任务的相对执行顺序，最后基于不同的场景来动态调整消息队列的优先级

resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnimationFrame，你可能在做一些需求的时候想到了 requestIdleCallback，但是你不知道…

requestAnimationFrame官方介绍 requestAnimationFrame用处概述 window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，

凡是要知其然知其所以然 文件上传相信很多朋友都有遇到过，那或许你也遇到过当上传大文件时，上传时间较长，且经常失败的困扰，并且失败后，又得重新上传很是烦人。那我们先了解下失败的原因吧！ 据我了解大概有以

当我们在做文件上传功能的时候，如果上传的文件过大，可能会导所需要的时间够长，且失败后需要重新上传。如果我们将这个文件拆分，将一次性上传大文件拆分成多个上传小文件的请求

需求分析 针对文件上传 针对大文件上传，我们需要将他进行分片来提高文件上传的速度 对于文件上传失败了，可以通知用户文件上传失败需要重新上传 提供进度提示 前言 对于大文件上传，相信也是一个老调重谈的事

文件传输是一个常见的需求。对于大文件的下载和上传，直接使用传统的方式可能会遇到性能和用户体验方面的问题。幸运的是，前端技术提供了一些高效的解决方案：文件流操作和切片下载与上传。本文将深入探讨这些技术，

window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使开发者能够在主事件循环上执行后台和低优先级工作 该图中的两个帧，在每一帧内部，TASK和redering只花费了一部分时间，并没有占据整个帧，那么这个时候，如图中idle pe…