以下文章来源于公众号：全栈修仙之路 ，作者semlinker

如果你允许用户从你的网站上下载某些文件，那你可能会遇到 Blob 类型。为了实现上述的功能，你可以很容易从网上找到相关的示例，并根据实际需求进行适当的调整。对于部分开发者来说，在完成上述功能之后，他们并不会继续思考 Blob 是什么？

这就导致了一些开发者，还是停留在熟练使用 API 的层面，当遇到比较棘手的问题时，就束手无策。换句话说，如果当你在熟悉 API 的使用之后，还能继续多问几个为什么，继续探究下去，不仅能加深对知识的理解，还能触类旁通，拓展自己的知识面提高自己。

好了，如果你想继续了解什么是 Blob，那么就跟上我的脚步，来一个 Blob Web API 探索之旅。还在犹豫什么，Let's go！

读完本文你将了解到以下内容：

Blob（Binary Large Object）表示二进制类型的大对象。在数据库管理系统中，将二进制数据存储为一个单一个体的集合。Blob 通常是影像、声音或多媒体文件。在 JavaScript 中 Blob 类型的对象表示不可变的类似文件对象的原始数据。 为了更直观的感受 Blob 对象，我们先来使用 Blob 构造函数，创建一个 myBlob 对象，具体如下图所示：

原生格式的数据。比如 File 接口基于 Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件。

MIME（Multipurpose Internet Mail Extensions）多用途互联网邮件扩展类型，是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名，以及一些媒体文件打开方式。 常见的 MIME 类型有：超文本标记语言文本 .html text/html、PNG图像

• append中和普通html页面中onclick使用方法还是有很大区别的

  js中append拼接字段需要非常细心，结果如下：

• 最近项目涉及到了js中得append方法，简单的来说就是点击按钮，可以无限添加和删除。 以上就是代码了，希望能帮助

• 前几天做了一个项目里面的页面，里面涉及到了页面的追加表格的...可以用innerHTML和append，刚开始我用的是innerHTML，但是发现了一个问题，就是追加的表格里面显示不了结果集里面的数据，但是用append就可以把结果集里

• append()方法在被选元素的结尾插入指定内容，html()方法返回或设置被选元素的内容，下面为大家介绍下两者的区别及使用append(content)：方法在被选元素的结尾(仍然在内部)插入指定内容,有很多朋友觉得append与html...

• js 我用的jquery 在做一个Bootstrap的项目时，遇到了一个问题，也是折腾了半天才解决。 问题描述 及 解决方案： append() 进页面的标签无法触发 click 事件。必须要用 on() 方法解决。 APP 中接收数据代码： 假设 a ...