- 博客(13)
- 收藏
- 关注
RSS订阅
1原创 JavaScript数组去重的几种方法
8.利用ES6中的Map方法去重，创建一个空Map数据结构，遍历需要去重的数组，把数组的每一个元素作为key存到Map中。由于Map中不会出现相同的key值，所以最终得到的就是去重后的结果。4.利用对象的属性不能相同的特点去重（不建议用，有缺陷）,利用对象和数组的结合。7.递归, 数组赋值一个改变一个也改变，要想不改变原数组，需要for 循环赋值。5.利用数组的includes，返回true，false的特性。2,利用数组的indexOf方法去重。3.利用数组的sort方法去重。
2022-09-26 18:46:53
213
原创 EventTarget 接口
DOM 节点的事件操作（监听和触发），都定义在接口。所有节点对象都部署了这个接口，其他一些需要事件通信的浏览器内置对象（比如，、AudioNode、）也部署了这个接口。该接口主要提供三个实例方法。：绑定事件的监听函数：移除事件的监听函数：触发事件。
2022-09-21 23:31:24
116
原创 JavaScript（DOM）
DOM 是 JavaScript 操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。浏览器会根据 DOM 模型，将结构化文档（比如 HTML 和 XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOM Tree）。所有的节点和最终的树状结构，都有规范的对外接口。DOM 只是一个接口规范，可以用各种语言实现。
2022-09-21 18:39:42
406
原创 JavaScript异步操作
Promise 对象是 JavaScript 的异步操作解决方案，为异步操作提供统一接口。它起到代理作用（proxy），充当异步操作与回调函数之间的中介，使得异步操作具备同步操作的接口。Promise 可以让异步操作写起来，就像在写同步操作的流程，而不必一层层地嵌套回调函数。注意，本章只是 Promise 对象的简单介绍。为了避免与后续教程的重复，更完整的介绍请看《ES6 标准入门》的《Promise 对象》一章。首先，Promise 是一个对象，也是一个构造函数。// 异步代码...}
2022-09-21 17:57:34
480
原创 面向对象编程
JavaScript 通过构造函数生成新对象，因此构造函数可以视为对象的模板。实例对象的属性和方法，可以定义在构造函数内部。}var cat1 = new Cat('大毛', '白色');cat1.name // '大毛'cat1.color // '白色'上面代码中，Cat函数是一个构造函数，函数内部定义了name属性和color属性，所有实例对象（上例是cat1）都会生成这两个属性，即这两个属性会定义在实例对象上面。通过构造函数为实例对象定义属性，虽然很方便，但是有一个缺点。
2022-09-21 17:48:35
586
原创 JavaScript标准库
JavaScript 提供了一个内部数据结构，用来描述对象的属性，控制它的行为，比如该属性是否可写、可遍历等等。这个内部数据结构称为“属性描述对象”（attributes object）。每个属性都有自己对应的属性描述对象，保存该属性的一些元信息。下面是属性描述对象的一个例子。{}属性描述对象提供6个元属性。（1）value是该属性的属性值，默认为undefined。（2）writable是一个布尔值，表示属性值（value）是否可改变（即是否可写），默认为true。
2022-09-21 17:33:41
299
原创 JavaScript语法专题
以上这6种派生错误，连同原始的Error对象，都是构造函数。开发者可以使用它们，手动生成错误对象的实例。这些构造函数都接受一个参数，代表错误提示信息（message）。var err1 = new Error('出错了！');var err2 = new RangeError('出错了，变量超出有效范围！');var err3 = new TypeError('出错了，变量类型无效！');err1.message // "出错了！"err2.message // "出错了，变量超出有效范围！"
2022-09-21 17:09:41
155
原创 JavaScript运算符
比较运算符用于比较两个值的大小，然后返回一个布尔值，表示是否满足指定的条件。上面代码比较2是否大于1，返回true。注意，比较运算符可以比较各种类型的值，不仅仅是数值。JavaScript 一共提供了8个比较运算符。>大于运算符
2022-09-21 13:37:11
240
原创 JavaScript数据类型
null与undefined都可以表示“没有”，含义非常相似。将一个变量赋值为undefined或null，老实说，语法效果几乎没区别。// 或者上面代码中，变量a分别被赋值为undefined和null，这两种写法的效果几乎等价。在if语句中，它们都会被自动转为false，相等运算符（==）甚至直接报告两者相等。if (!}if (!null) {}// true从上面代码可见，两者的行为是何等相似！谷歌公司开发的 JavaScript 语言的替代品 Dart 语言，就明确规定只有。
2022-09-20 20:01:13
381
原创 01.javascript入门篇
JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”（script language），指的是它不具备开发操作系统的能力，而是只用来编写控制其他大型应用程序（比如浏览器）的“脚本”。JavaScript 也是一种嵌入式（embedded）语言。它本身提供的核心语法不算很多，只能用来做一些数学和逻辑运算。
2022-09-17 23:38:17
133
原创 grid网格布局
在本例中只使用了 grid-template-columns 和 grid-column-gap，定义了一行展示4个子元素，每个子元素长度平均分，间距80px。2.repeat：是一个函数，接受两个参数，第一个参数是重复的次数（本例中是4），第二个参数是所要重复的值，重复某种模式也是可以的。除了兼容性方面，其余的方面都是很完美的。1.fr：将子元素平均分成一样的长度或宽度，比如两列的宽度分别为1fr和2fr，就表示后者是前者的两倍。达成这种卡片布局的效果，使用grid布局只要三行代码就能搞定。
2022-09-16 20:32:47
701
原创 Flex布局
Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。行内元素也可以使用 Flex 布局。Webkit 内核的浏览器，必须加上-webkit前缀。注意，设为 Flex 布局以后，子元素的float、clear和属性将失效。
2022-09-16 15:37:13
59
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人