FormData 对象之文件上传

writeHeader: 表单数据以键值对的形式向服务器发送,这个过程是浏览器自动完成的。但是有时候,我们希望通过脚本完成过程,构造和编辑表单键值对,然后通过XMLHttpRequest.send()方法发送。浏览器原生提供了 FormData 对象来完成这项工作。 用户上传 ...

前端图片canvas,file,blob,DataURL等格式转换

将file转化成blob 利用URL.createObjectURL() let $img = document.getElementById('img') file.onchange = function (e) { let file = e.t ...

vue3.0之前TypeScript 最佳入门实践

TypeScript 最佳入门实践 其实Vue官方从2.6.X版本开始就部分使用Ts重写了。 注意此篇标题的“前”,本文旨在讲Ts混入框架的使用,不讲Class API ...

快速理解javascript中的Array.prototype.forEach

我们都知道document.querySelectorAll()能够获取dom节点,它返回时的并不是一个真正的数组,而是一个伪数组(NodeList),对于NodeList而言,它里面是没有forEach方法的,于是经常见到一下这种写法 var doms = document ...

深入babel(实战)

前言:此文章只是个人理解,如有错误希望留言指出 上一篇已经讲了babel的作用和基本配置,那怎么才能应用到自己的项目中呢?这篇文章就以webpack为例,搭建一个简单的webpack应用(前提你你要先安装node环境,这里就不说了,这不是这篇文章的重点,请自行百度) 首先创 ...

初探babel

前言:此文章仅仅作为个人理解 babel是一个广泛使用的编译器,可以将es6转成es5代码,从而在现有的环境执行 使用babel的第一步就是配置一下.babelrc文件,存放在项目的根目录下 基本格式如下: { "presets": [], &q ...