u010227042的博客

8和6的最小公倍数 是24，也就是说3个传统字节可以由4个Base64字符来表示，保证有效位数是一样的，这样就多了1/3的字节数来弥补Base64只有6个有效bit 的不足。结合下边的图比较容易理解。红框表示的是对应的Base64，6个有效位转化成相应的索引值再对应 Base64字符表，查出"Man"对应的Base64字符是"TWFU"。愿望终于实现了，我们可以用两 个Base64来表示一个字符或用三个Base64表示两个字符，像下图的A对应的第二个Base64的二进制位只有两个，把后边的四个补0就是了。

flatMap()方法对原数组的每个成员执行一个函数，相当于执行Array.prototype.map(),然后对返回值组成的数组执行flat()方法。数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将flat()方法的参数写成一个整数，表示想要拉平的层数，默认为1。上面代码中，原数组的成员里面有一个数组，flat()方法将子数组的成员取出来，添加在原来的位置。

含义reduce() 函数将数组元素进行组合，例如求和，取最大值 第一个参数是指定函数，第二个参数是传递给函数的初始值；函数会返回一个简化后的值，t7 = t.reduce(function(x,y){return x+y},0)//10 依次进行简化值，将t每项遍历完返回最后的值初始数据var objects = [ {name:'group1', usedCount: 2, color:'red'}, {name:'group1', usedCount: 1, color:'

ES6语言的普及2015年6月， ES2015（即 ECMAScript 6、ES6） 正式发布。ES2015 是该语言的一个显著更新，也是自 2009年 ES5 标准确定后的第一个重大更新。伴随着ES6的普及，大量的js框架都采用了最新的语法，并且也使前端开发大量采用工程化开发方式使用es6语法。但是工程化前端开发由于其babel编译的处理，已经很好的把ES6的代码编译为ES5的版本，使得各种浏览器都能很好的兼容。浏览器的兼容性然而纯浏览器端使用ES6语法还是存在浏览器支持度的差异，要特殊处理

反撇号（`）基础知识ES6引入了一种新型的字符串字面量语法，我们称之为模板字符串（template strings）。除了使用反撇号字符 ` 代替普通字符串的引号 ' 或 " 外，它们看起来与普通字符串并无二致。在最简单的情况下，它们与普通字符串的表现一致：context.fillText(`Ceci n'est pas une chaîne.`, x, y);但是我们并没有说：“原来只是被反撇号括起来的普通字符串啊”。模板字符串名之有理，它为JavaScript提供了简单的字符串插值功能，从

es6之扩展运算符 三个点（...）es6之扩展运算符 三个点（...）对象的扩展运算符数组的扩展运算符总结es6之扩展运算符 三个点（…）对象的扩展运算符理解对象的扩展运算符其实很简单，只要记住一句话就可以：对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中let bar = { a: 1, b: 2 };let baz = { ...bar }; // { a: 1, b: 2 }12上述方法实际上等价于:let bar = { a: 1

export的使用1.直接输出export let words = 'hello world!!!' export function output() { 　　// ... }2.先定义再输出let firstWords = 'hello'let secondWords = 'world'let thirdWords = '!!!'function output() { // ...}export {firstWords, secondWords, th

Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。 例如：　　const target = {a:1},　　const source1 = {b:2}　　const source2 = {c:3};Object.assign(target, source1,source2);　　target // {a:1,b:2,c:3} Object.assign 方法的第一个参数是目标对象，后面的参数都是...

1、首先需要理解async 和 await的基本含义 async 是一个修饰符，async 定义的函数会默认的返回一个Promise对象resolve的值，因此对async函数可以直接进行then操作,返回的值即为then方法的传入函数// 0. async基础用法测试async function fun0() { console.log(1) return 1}fun0().then( x => { console.log(x) }) // 输出结果 ..

Syntax Error:Unexpected token(203,8)1.npm install babel-plugin-transform-object-rest-spread2.在根目录配置.babelrc文件识别es6语法{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] ..

这是es6中新增的字符串方法可以配合反单引号完成拼接字符串的功能1、反单引号怎么打出来？将输入法调整为英文输入法，单击键盘上数字键1左边的按键。2、用法step1： 定义需要拼接进去的字符串变量step2： 将字符串变量用${}包起来，再写到需要拼接的地方3、示例代码：let a='Karry Wang';let str=`I love ${a}, because he is handsome.`;//注意：这行代码是用返单号引起来的alert(str);一定是用反

await后面接一个会return new promise的函数并执行它 await只能放在async函数里使用async和await获取成功的结果function 摇色子(){ return new Promise((resolve, reject)=>{ let sino = parseInt(Math.random() * 6 +1) setTimeout(()=>{ resolve(sino) ..

一、语法1.具有一个参数的简单函数var single = a => asingle('hello, world') // 'hello, world'2.没有参数的需要用在箭头前加上小括号var log = () => { alert('no param')}3.多个参数需要用到小括号，参数间逗号间隔，例如两个数字相加var add = (a, b) => a + badd(3, 8) // 114.函数体多条语句需要用到大括...

let arr =[ {title:'aaaa',read:100,hot:true}, {title:'bbbb',read:50,hot:false}, {title:'ccc',read:100,hot:true} ]; let newArr =arr.map((item,index,arr)=>{ let json ={}; json.t=`---${it...

require 是赋值过程并且是运行时才执行， import 是解构过程并且是编译时执行。require可以理解为一个全局方法，所以它甚至可以进行下面这样的骚操作，是一个方法就意味着可以在任何地方执行。而import必须写在文件的顶部。var a = require(a() + ‘/ab.js’)require的性能相对于import稍低，因为require是在运行时才引入模块并且还赋值给某个变量，而import只需要依据import中的接口在编译时引入指定模块所以性能稍高在commom.js 中m

1数组的解构赋值 从数组和对象中提取值，对变量进行赋值，这被称为解构let [a, b, c] = [1, 2, 3];2对象的解构赋值 解构不仅可以用于数组，还可以用于对象。对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值.如果解构失败，变量的值等于undefine...

1let命令只在的所在的代码块内有效。2for循环的计数器，就很合适使用let命令。3var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined。为了纠正这种现象，let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。4 let暂时性死区 ，只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外...

要点：1 ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现（另外的 ECMAScript 方言还有 JScript 和 ActionScript）。日常场合，这两个词是可以互换的。2 ES6 的第一个版本，就这样在 2015 年 6 月发布了，正式名称就是《ECMAScript 2015 标准》（简称 ES2015）。ES6 既是一个历史名词...

JavaScript模块规范在任何一个大型应用中模块化是很常见的，与一些更传统的编程语言不同的是，JavaScript6之前还不支持原生的模块化;Javascript社区做了很多努力，在现有的运行环境中，实现"模块"的效果。通行的JavaScript模块规范主要有两种：CommonJS、AMDCommonJS规范是服务器端Javascript模块规范(同步)Node.js的模块系统，就是参...

1 含义扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySele...

先来一段代码var params=[1,23,53,8,5]function getNumber(){ for(var i in arguments){ console.log(arguments[i])}}getNumber(...params);//1,23,53,8,5看了上面的代码，有没有对延展操作符有了一点基本的认识。下面我们来进一步的学习。延展操作符...

字符串模板引擎ES5中的字符串缺乏多行字符串、字符串格式化、HTML转义等特性。而ES6通过模板字面量的方式进行了填补，模板字面量试着跳出JS已有的字符串体系，通过一些全新的方法来解决问题。1.基本用法　ES5字符串写法：let message = "我的宠物狗叫黑子，今年16岁了"将其转化成ES6写法，其实非常简单：只需把最外围的双引号（"）或者单引号（'） ...

基本用法Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。const target = { a: 1 };const source1 = { b: 2 };const source2 = { c: 3 };Object.assign(target, source1, source2);target // {...