ES6 Set数据结构


ES6 Set数据结构Set - JavaScript | MDN (mozilla.org)基本语法ES6提供了新的数据结构set,它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个个构造函数,用来生成Set数据结构创建Set 对象const set1 = new Set();初

Javascript Map 数据结构


Javascript Map 对象Map构建方式let fruits = new Map(); //创建空mapfruits.set('meowrain',30);fruits.set('banana',20);console.log(fruits.has("

Javascript-解构


Javascript-解构解构赋值解构赋值语法是一种 Javascript 表达式。通过**解构赋值,**可以将属性/值从对象/数组中取出,赋值给其他变量。以前我们是怎么赋值的呢?let a = 10, b = 20;而使用解构赋值,我们可以更方便地赋值let [a,b] = [10,20];用解构

javascript-变量提升


javascript-变量提升console.log(web);var web = "meowrain";这串代码相当于var web;web = "meowrain";console.log(web);在js中,var会变量提升,但let不会console.

Javascript-展开语法


Javascript-展开语法数组合并let a = [1,2,3];let b = ['a','nice',...a];//使用...可将a合并到b数组console.log(b);//[ 'a', 'nice', 1, 2, 3 ]

Javascript-类型转换


Javascript-类型转换转换为字符串//字符串转换//.toString方法console.log(([1,2,3]).toString());//1,2,3 --数组转换为字符串console.log(typeof((123).toString())); //string -数字转换为字符串

javascript for-in语句,for-of语句


for-in语句遍历时的 num 值为数组的索引let lessons = [ {title: '媒体查询响应式布局',category: 'css'}, {title: 'FLEX 弹性盒模型',category: 'css

ES6-箭头函数


箭头函数ES6中引入了箭头函数//以前let add1 = function (b, c) { return b + c;}console.log(add1(2, 3))//ES6箭头函数let add2 = (a, b) => { return a + b;}console.lo

JavaScript-事件委托


事件委托事件委托是利用事件流的特征解决一些开发需求的知识技巧HTML元素含有嵌套关系,且事件流含有冒泡阶段。子元素触发事件会冒泡到父元素的相同事件上一般情况只需要给子元素注册特定的事件处理程序即可,但子元素过多的时候就不能这么做了。简单来说,事件委托就是父元素监听子元素的冒泡事件案例:<!DO

JavaScript-两种注册方式的区别(on,addEventListener)


两种注册方式的区别传统on注册(L0)同一个对象,后面注册的事件会覆盖前面注册(同一事件)直接使用null覆盖偶就可以实现事件的解绑都是冒泡阶段执行的// 注册body的click事件document.body.onclick = function (e) { alert(1);};-----