如果文件数量可控，对于下载出来的文件格式无要求，可以用最简单的办法，直接遍历文件，分别给每个下载链接创建一个单文件的download或者iframe下载链接。

最近在做一个文件下载的功能，这里把做的过程中用的技术和坑简要总结下。 1. 单文件下载(a标签) 同源单文件 针对单文件的情况下，同源的文件，可以通过 < a> 标签的 download 属性下载文件 {代码...} 但是这个方案并不适用于非同源的资源，此时它相当于普通的超链接，点击会跳转到资源页面，而不是下载。 非同源图...

不过加prototype的方法毕竟不好，可以通过引入@babel/polyfill解决，在入口文件中引入import '@babel/polyfill';

{代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...}

混合模式移动应用，介于Web App、Native App这两之间App开发技术, 兼具“Native App良好交互体验的优势”和“Web App跨平台开发的优势”

ctx.quadraticCurveTo(cpx, cpy, x, y); 二次贝塞尔曲线，(cpx, cpy)控制点 (x, y)终点 ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y); 三次贝塞尔曲线，(cp1x, cp1y)控制点一, (cp2x, cp2y)控制点二， (x, y)终点

moveTo(x,y) 移动画笔到指定的坐标点(x,y)lineTo(x,y) 使用直线连接当前端点和指定的坐标点(x,y)stroke() 根据当前的画线样式，绘制当前或已经存在的路径

2. 矩形 canvas只支持一种原生的图形绘制：矩形。 所有其他的图形的绘制都至少需要生成一条路径。 绘制矩形三种方法： {代码...} 矩形示例 3. 路径 图形的基本元素是路径。路径是点的集合。使用路径绘制图形一般步骤如下： 1.beginPath()新建一条路径（有时需要创建路径起始点） 2.lineTo,arc,rect等绘制路径 3.closePat...

不过，Canvas的坐标系统并不是一尘不变的，原点是可改变的。 坐标变换：可以对Canvas坐标系统进行移动translate、旋转rotate和缩放等操作。 坐标变换之后绘制的图形x,y偏移量都以新原点为准， 旋转角度，缩放比，以新坐标系角度为准

< canvas > 是一个可以使用脚本（通常是js）来绘图的HTML元素 < canvas > 最早由Apple引入WebKit，用于Mac OS X 的 Dashboard和 Safari 如今，所有主流的浏览器都支持它（IE9+,更低版本需引入Explorer Canvas来支持）

Babel 会在正在被转录的文件的当前目录中查找一个 .babelrc 文件。 如果不存在，它会遍历目录树，直到找到一个 .babelrc 文件，或一个 package.json 文件中有 "babel": {}

webpack4 配置文件分离 关于mode webpack根据开发和生成环境一般可以将配置文件拆分，拆分dev和prod两种环境 {代码...} 在scripts里修改相应的命令 {代码...} 使用webpack-merge,用以合并通用配置文件与开发环境配置文件 {代码...} {代码...}

当 mode为 development 并且启用 HotModuleReplacementPlugin 插件时，会具备 hot reload` 的功能。即当源码文件变化时，会即时更新当前页面，以便看到最新的效果。

git常用命令 1. branch分支 文档api记录： 分支的新建与合并 常用git命令 常用命令： {代码...}

clean-webpack-plugin html-webpack-plugin mini-css-extract-plugin terser-webpack-plugin(webpack4内置) optimize-css-assets-webpack-plugin webpack-bundle-analyzer