前端开发

File.type部分浏览器返回为空字符串

2020-04-26315次阅读javascript
出自于MDN:file.type 仅仅对常见文件类型可靠。例如图像、文档、音频和视频。不常见的文件扩展名会返回空字符串。开发者最好不要依靠这个属性,作为唯一的验证方案。
前端开发

React实现文件上传带进度条以及onDrag拖拽文件上传

2020-04-24366次阅读javascript
CSS3彩色进度条加载动画带进度百分比看这里。拖拽事件:onDragEnter :拖拽的物体进入时触发 onDragOver :拖拽的物体在区域中拖动时持续触发 onDragLeave :拖拽的物体离开区域时触发 onDrop :拖拽的物体放置在区域中时触发
前端开发

将HTML字符串转换为DOM对象

2020-04-18247次阅读javascript
new DOMParser().parseFromString()及document.createRange().createContextualFragment()可以将HTML字符串转换为DOM对象。
前端开发

JS实现下载图片并且重命名

2020-04-15353次阅读javascript
本例共有AJAX、Fetch两种实现方法代码片段,仅供参考。
前端开发

new Date()格式化在Safari中为Invalid Date

2020-03-27262次阅读javascript
new Date()格式化在Safari中为Invalid Date。 Safari浏览器应该用‘2017/10/23’来代替‘2017-10-23’
前端开发

js判断浏览器兼容css中webkit、Moz、O、ms

2020-03-23314次阅读javascript
js判断浏览器兼容css中webkit、Moz、O、ms。注意:把标准transform、大概率的webkitTransform放在数组最前面。
前端开发

Fetch结合async/await使用

2020-03-18443次阅读javascript
Fetch API提供了一个全局fetch()方法,该方法提供了一种简单,合理的方式来跨网络异步获取资源。这种功能以前是使用XMLHttpRequest实现的。与XMLHttpRequest不同的是,它的API不是事件机制,而采用了目前流行的Promise方式处理。本文介绍一下Fetch结合async/await使用
前端开发

JS对象转formData对象

2020-03-09648次阅读javascriptES6
FormData()构造函数用于创建一个新的FormData对象。那么我们如何将一个普通的JS对象快速转为formData对象呢
前端开发

JS对象转URL查询字符串

2020-03-09309次阅读javascriptES6
JS对象转URL查询字符串function objectToQueryString(obj) { return Object.keys(obj).map(key=> { return "".concat(encodeURIComponent(key), "=").concat(encodeURIComponent(obj[key])); }).join('&'); };
前端开发

js导出Excel表格

2020-03-05360次阅读javascript
借助基于nodejs环境的第三方库 xlsx 实现解析与导出多种数据格式,支持在excel中创建多个Sheet,支持精准插入单元格,并支持.xlsb .xls .csv .txt等多种数据文件导出格式。