2019年05月_一只小白菜~

原创 es6 Set 和 Map 数据结构

Set 和 Map 数据结构SetSet 实例的属性及方法Set 数组去重WeakSetMapSetSet结构的成员值是没用重复的，每个值都是唯一的。Set本身就是一个构造函数，可以理解为一个类，使用的时候要用new来创建一个实例。 let s = new Set(); console.log(s); // Set{}Set结构会自动忽略相同的值，只会保留一个相同的值。 l...

2019-05-24 11:37:47 927 1

原创 vue项目中禁止页面滚动 / 滚动事件穿透 (弹出蒙版时，弹出层下面还可以滚动)

vue项目中禁止页面滚动 / 滚动事件穿透移动端解决方案PC端解决方案vue项目中弹出层时，蒙版下还可以滚动页面。移动端解决方案在蒙层所在div上加 @touchmove.prevent <div class="maskBox" @touchmove.prevent></div>PC端解决方案弹层显示时调用 stopMove()停止页面滚动，弹层消失...

2019-05-16 17:37:18 12241 3

原创 es6 Symbol

SymbolJavaScript中的数据类型Symbol用作属性名的 Symbol属性名的遍历getOwnPropertySymbols()Reflect.ownKeys()Symbol.for()Symbol.keyFor()JavaScript中的数据类型String 字符串类型Number 数字类型Object 对象类型Boolean 布尔值类型Null 空值Undefin...

2019-05-16 17:13:17 728

原创 es6 函数的扩展

函数的扩展传统函数参数默认值es6函数参数默认值rest 参数箭头函数箭头函数的使用注意点传统函数参数默认值运算符 || 左侧为true，直接返回左侧的值，否则返回右侧的值 function fn(a,b) { let num = a || 11 let str = b || "bbbbb" }es6函数参数默认值 function fn(a='aaa',b=22) {...

2019-05-16 16:27:43 751

对象的扩展传统对象属性写法es6对象属性写法属性名表达式属性的可枚举性和遍历`可枚举型`四个操作会忽略enumerable为false的属性:`属性的遍历`以上属性遍历的次序规则Object. is()Object.assign()Object.setPrototypeOf()Object.getPrototypeOf()Object.keys()Object.values()Object.ent...

2019-05-14 19:40:01 798

原创 es6 数组的扩展

数组的扩展Array.from()Array.of()扩展运算符扩展运算符的应用find()findIndex()fill()entries()keys()values()includes()Array.from()Array.from()用于将类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）转为真正的...

2019-05-07 19:12:06 793

原创 es6 数值的扩展

数值的扩展Number.isNaN()Number.isFinite()Number.parseInt()Number.parseFloat()Number.isInteger()Number.EPSILONMath...指数运算符`（**）`Number.isNaN()传统的isNaN()函数会把非数值的参数转化成数值再进行判断 isNaN('str'); // true // ...

2019-05-07 16:59:21 860

原创 es6 字符串的扩展

字符串的扩展传统的字符串拼接模板字符串标签模板ES6字符串String类扩展函数传统的字符串拼接 var str1 = "小白"; var str2 = "hello"; var str3 = "world"; console.log(str1 + "说:" + str2 +","+ str3); //小白说:hello,world普通字符串的拼接不包含空格和换行 var st...

2019-05-06 19:30:07 753

原创 es6 解构赋值

ES6解构赋值传统的变量赋值：变量的解构赋值：数组的解构赋值:对象的解构赋值:`(和数组解构赋值类似)`字符串的解构赋值：数值和布尔值的解构赋值:`解构赋值时，如果等号右边是数值和布尔值，则会先转为对象。`函数参数的解构赋值:变量的解构赋值用途:ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。传统的变量赋值： var arr = [1...

2019-05-05 17:45:39 1248

原创 es6 let和const

ES6知识点let与constlet与constlet是更完美的var，不是全局变量，具有块级作用域，大多数情况不会发生变量提升。const定义常量值，不能够重新赋值，如果一个值是一个对象，可以改变对象里边的属性值。let和const都在声明所在的块级作用域内有效let 定义的变量没有变量提升(没有预解释)let 定义的变量不能重复定义(不管是函数还是let/const定义的变量)...

2019-05-04 19:25:58 821

Hassan的小博客!