02 2020 档案
摘要：Set ES6提供了新的数据结构 Set. 它类似于数组，可以存储任意数据类型，但是成员的值都是唯一的，没有重复。Set本身是一个构造函数，用来生成Set数据结构。 const s = new Set() s.add(1) s.add('A String') s.add({name:'lee'})
阅读全文
摘要：Iterator(遍历器)的概念 JavaScript原有的表示"集合"的数据结构主要是数组(Array)和对象(Object),ES6又添加了Map和Set。这样就有了4种数据集合，用户还可以组合使用它们，定义自己的数据结构，比如数组的成员是Map，Map的成员是对象。这样就需要一种统一的接口机制
阅读全文
摘要：reduce()的用法 平时很少用得到reduce()方法，事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上。 arr.reduce(function(sum,num,index,arr){ ... },init) 其中， arr 表示原数组 sum 表示上一次调用时的返回值， 或者初
阅读全文
摘要：展开运算符 展开运算符，将一个数组转为用逗号分隔的参数系列 更快、更便捷的操作数组 合并数组 let a = [1,2,3]; let b = [4,5,6]; let c = [...a,...b]; // [1,2,3,4,5,6] let colors = ["red',"green","bl
阅读全文
摘要：首先了解parentNode,parentElement属性之前，必须对DOM树有一定的了解。在DOM文档结构中，HTML页面每一部分都是由节点组成的，节点的类型一共有3种，元素节点，文本节点，属性节点，从图中可以看出属性节点属于元素节点的分支，一般不常考虑。 parentNode,parentEl
阅读全文
摘要：拖放（Drag 和 drop）是 HTML5 标准的组成部分。 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 首先，为了使元素可拖动，把 draggable 属性设置为 true ： 1、被拖对象：dragstart事件，被拖动的
阅读全文
摘要：(1)在chrome浏览器的开发过程中，我们会看到network面板中有这两个数值，分别对应网络请求上的标志线，这两个时间数值分别代表什么? (2)我们一再强调将css放在头部，将js文件放在尾部，这样有利于优化页面的性能，为什么这种方法能够优化性能? (3)在用jquery的时候，我们一般都会将函
阅读全文
摘要：定义和用法 classList属性返回元素的类名。 这里想要说一下classList属性的其中一个方法 contains(class). 它是判断指定的类名是否存在，返回布尔值。 true - 元素包含了该类名 false - 元素不存在该类名 比如要删除某个元素时，可以用父级追踪的方法去删除
阅读全文
摘要：定义和用法 1. createTextNode() 可创建文本节点。 上述代码 是将input获取到的value值 创建成li标签里的文本 2. createElement() 方法通过指定名称创建一个元素 比如创建li标签 3. addEventListener() 方法用于向文档添加事件句柄。
阅读全文
