FormData 对象之文件上传

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

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

将file转化成blob * 利用URL.createObjectURL() let $img = document.getElementById('img'

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

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

Nuxt.js使用指南

有些时候,我们需要对一些网站进行SEO的优化,有利于搜索引擎的收录,提高搜索曝光率而且能够加快首屏渲染。Nuxt是一个基于Vue生态的更高层的框架,为开发服务端渲染的Vue应用提供了极其便利的开发体验。更酷的是,你甚至可以用它来做为静态站生成器 先看一下目录结构

Mongo shell指南(CRUD)

MongoDB 概念解析 MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。

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

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

深入babel(实战)

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

初探babel

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

scripts 带入自定义命令参数

一般情况下,项目中有非常多的地方使用npm scripts配置来跑一些任务,假设有这样一个场景,需要有四个环境, 分别要编译出每个环境对应的包,也许你会想: 我每个环境无非接口不一样,资源地址不一样,可以根据每个环境去修改后,

JavaScript 复杂判断的更优雅写法

前提我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这样会有个问题,随着逻辑复杂度的增加,代码中的if/else/switch会变得越来越臃肿,越来越看不懂,那么如何更优雅的写判断逻辑,