CSS3彩色进度条加载动画带进度百分比看这里。拖拽事件：onDragEnter ：拖拽的物体进入时触发
onDragOver ：拖拽的物体在区域中拖动时持续触发
onDragLeave ：拖拽的物体离开区域时触发
onDrop ：拖拽的物体放置在区域中时触发
new DOMParser().parseFromString()及document.createRange().createContextualFragment()可以将HTML字符串转换为DOM对象。
本例共有AJAX、Fetch两种实现方法代码片段，仅供参考。
new Date()格式化在Safari中为Invalid Date。 Safari浏览器应该用‘2017/10/23’来代替‘2017-10-23’
js判断浏览器兼容css中webkit、Moz、O、ms。注意：把标准transform、大概率的webkitTransform放在数组最前面。
Fetch API提供了一个全局fetch()方法，该方法提供了一种简单，合理的方式来跨网络异步获取资源。这种功能以前是使用XMLHttpRequest实现的。与XMLHttpRequest不同的是，它的API不是事件机制，而采用了目前流行的Promise方式处理。本文介绍一下Fetch结合async/await使用
FormData()构造函数用于创建一个新的FormData对象。那么我们如何将一个普通的JS对象快速转为formData对象呢
JS对象转URL查询字符串function objectToQueryString(obj) {
return Object.keys(obj).map(key=> {
return "".concat(encodeURIComponent(key), "=").concat(encodeURIComponent(obj[key]));
}).join('&');
};
借助基于nodejs环境的第三方库 xlsx 实现解析与导出多种数据格式，支持在excel中创建多个Sheet，支持精准插入单元格，并支持.xlsb .xls .csv .txt等多种数据文件导出格式。
CSS变量出现前，从CSS传值给JS非常困难，甚至需要借助一些Hack的手法。现在使用CSS变量，你可以直接通过JS获取变量值并进行修改：
