文件分片上传的概念 文件分片的核心是利用Blod.prototype.slice方法，将文件切分为一个个的切片，借助 http 的可并发性，同时上传多个切片。

本文阿宝哥将介绍工作中遇到过的八种文件上传的场景，并介绍每种场景背后所使用到的技术，从而让大家能更好地理解成熟上传组件所提供的功能。

每一验证的方法都有其优缺点，文件名和最后修改的时间方法相较于计算文件hash值可以在前端逻辑中快速的判断该文件是否需要上传，但是文件名和最后修改的时间无法准确的判断该文件是否需要重传，因为文件名的修改对文件内容无影响，而lastModified又过于“敏感”，即对文件内容无实质…

越来越多的公司将前端和后端彻底分离，以便能够支持后端一套接口，提供给 web, ios, android 使用，大大提高了开发的效率。但与此同时，也带来了前端 ui 依赖后端数据的问题，在后端的接口没有开发完成之前，前端需要根据接口定义的规范模拟接口数据。这个问题看似简单，但实…

队列对于任何语言来说都是重要的，io 的串行，请求的并行等等。在 JavaScript 中，又由于单线程的原因，异步编程又是非常重要的。昨天由一道面试题的启发，我去实现 JS 中的异步队列的时候，借鉴了 express 中间件思想，并发散到 co 实现 与 generator，…

关于大文件分块上传，这里推荐一篇文章。没想到是字节跳动的前端面试题。 这篇文章对大文件分块上传整体的实现思路描述得比较全面，然而在实际的业务开发中还会遇到一些细节问题。 由于 HTTP1.x 不支持多路复用，所以浏览器每发起一个 HTTP请求就会打开一个 TCP 会话。对于大多…

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

我们在很多的项目场景当中，都会碰到需要上传文件的情况，相信大部分前端仔都对上传的机制熟稔于心了，无非就是表单上传，拖拽上传等等，基本都是玩的溜溜的了。而今天我们讲的是其中不为人知的一块内容---通过拖拽的方式来上传整个文件夹的内容~ 既然讲的是拖拽上传文件夹，那么我们自然从我们…

前言 最近做项目有个需求是，用户可以直接上传文件夹。这个跟网页版百度网盘上传文件夹功能一样，通过给input上传标签添加属性webkitdirectory实现文件夹的上传。But，查看相关WebAPI