Doris_rain的博客

数值的扩展二进制 & 八进制1.二进制前缀：0b(0B) 八进制前缀：0o(0O) 2.es5严格模式不允许使用前缀0表示八进制，如：011（9） 3.二进制八进制转换为十进制使用Number Number(‘0b111’) //7Number.isFinite(), Number.isNaN()1.isFinite()检查数值是否非无穷 Number.isFinite(0

XMLHttpRequestajax是一种无需刷新页面就可以从服务器获取数据的方法。本质是XMLHttpRequest对象，在不需要兼容IE7以下版本时，可以用以下方法进行声明 if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = new AxtiveXObject

cookiecookie的性质是绑定在特定域名下，当设定了一个cookie再向创建他的域名发送请求时都会包含这个cookie。使用key-value属性对的形式保存。特性1. 在不同域下和不同浏览器下cookie总数都是有限的IE7+ 每个域最多50个Firefox 每个域最多50个Opera 每个域最多30个Safari & Chrome 没有硬性要求超出限制后再设置域名会删除之前设置

变量的解构赋值基本用法 let [x, y, ...z] = ['a'] //"a", undefined, []等号右边如果不是数组，将会报错（不是可遍历结构）解构赋值 var, let, const命令均适用set结构也可解构赋值(具有Iterator接口，可采用数组形式结构赋值) let [x, y, z] = new Set(["a", "b", "c"])

关于数组的深浅拷贝问题数组浅拷贝let arrA = [1,2,3,4,5]let arrB = arrAarrB[2] = 0console.log(arrA) //[1, 2, 0, 4, 5]数组与对象本质相同，也是存放于堆内存中，当执行了arrB = arrA，实际上是复制了arrA的指针，现在arrA与arrB指向内存中的同一个数组对象数组深拷贝若数组中不存在对象的话，可用以下方式进

Iterator遍历器表示集合的数据结构：数组（Array）、对象（Object）、Map、Set Iterator的作用：为各种数据接口提供统一接口、使用数据接口的成员能够按摩中次序排列、主要供for…of使用 遍历过程：创建指针对象 -> 调next方法 依次访问返回包含value（当前成员值）和done（遍历是否结束）两个属性的对象 有些数据结构（数组、某些类数组对象、Set、M

javascript数据类型： undefined、null、boolean、string、number、object、symbol 概述：symbol 表示独一无二的值Symbol函数前不能使用new命令，会报错。生成的Symbol是一个原始类型的值，不是对象Symbol类型定义 var s1 = Symbol(‘foo’) 如果参数是一个对象的话，会调用对象的toString方法，将其

字符串Unicode表示法1.采用\uxxxx表示字符，仅限\u0000 ~ \uFFFF 2.超过部分会理解成加法如： “\u20BB7”理解为\u20BB + 7 es6写法要求将码点放入大括号即可正确解读，如： “\u{20BB7}” “\u41” //SyntaxError: Invalid Unicode escape sequence

let对变量的声明特性let 只在命令所在代码块有效不存在变量提升区块中存在let const 会形成封闭作用域（在定义此之前使用typeof 会抛出 //ReferenceError）相同作用域不可重复声明（函数内部不可重新声明参数）1.let 只在命令所在代码块有效 { let a = 10 } a //a is not definedfor循环计

set简介set类似于数组，但成员值都是唯一的set函数可接受数组作为参数，不会添加重复值 const items = new Set([1, 2, 3, 4, 5, 5, 5, 5, 6]); items //1,2,3,4,5,6去除数组的重复成员 […new Set(array)]Set中加入值时不会发生类型转换 （5和”5”不同） Set内部判断两个值是否相等类似

解构赋值中 let [x, y, ...z] = ['a'] //"a", undefined, []扩张运算符(…)可以将某些数据结构转化为数组 function foo() { var args = [...arguments]; console.log(args) } var a = foo('a', 'b') //["a",

简介 function* helloWorldGenerator() { yield 'hello'; yield 'world'; return 'ending'; } var hw = helloWorldGenerator();yield 定义Generator函数不同的内部状态 惰性求值 普通函数中使用报错 yield语句如果

属性的简洁表示法可以只写属性名，不写属性值，return{x, y}相当于return{x:x, y:y}属性方法简写：method(){}例子：Common.js模块输出变量module.export = {fun1, fun2, fun3} 属性的赋值取值（setter／getter）属性名表达式定义对象属性 let propKey = 'foo'; let

函数参数的默认值原指定默认值方法：y = y || ‘a’(若y真正想要赋值的结果对应布尔值为false则无法成功赋值)使用es6设置函数参数默认值 function log(x = 0){ console.log(x) } log //0 log('') //'' log(5) //5函数内部不可再使用let，const再次声明参数，参

Array.from() 将两类对象转化为数组常见类数组对象，document.querySelectorAll()返回的NodeList集合，函数内部的argument对象都可经Array.from()转化为真正的数组 （部署了Iterator接口）数组对象可以使用forEach方法扩张运算符(…)也可以将某些数据结构转化为数组 function foo() { v

      先讲大致流程监听input表单变化读取文件 -> file.size若超出大小 -> canvas图片压缩 -> 用Blob，base64转二进制对象 -> 二进制对象转文件 -> formData 上传html部分<input :id="id" class="uploadIpt" type="file" accept="image/