
获得徽章 0
#挑战每日一条沸点# Map
ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map 也实现了iterator 接口,所以可以使用「扩展运算符』和「for..of..』进行遍历。
Map的属性和方法:
1. size返回 Map 的元素个数
2. set增加一个新元素,返回当前 Map
3. get返回键名对象的键值
4. has检测 Map 中是否包含某个元素,返回 boolean 值。
5. clear清空集合,返回 undefined。
ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map 也实现了iterator 接口,所以可以使用「扩展运算符』和「for..of..』进行遍历。
Map的属性和方法:
1. size返回 Map 的元素个数
2. set增加一个新元素,返回当前 Map
3. get返回键名对象的键值
4. has检测 Map 中是否包含某个元素,返回 boolean 值。
5. clear清空集合,返回 undefined。
展开
评论
点赞
#挑战每日一条沸点# 迭代器
迭代器 (Iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。
任何数据结构只要部署lterator 接口,就可以完成遍历操作。
1) ES6 创造了一种新的遍历命令for..of 循环,lterator 接口主要供 for..of 消费
2) 原生具备iterator 接口的数据(可用 for of 遍历)
* Array
* Arguments
* Set
* Map
* String
* TypedArray
* NodeList
3) 工作原理
a)创建一个指针对象,指向当前数据结构的起始位置
b)第一次调用对象的next 方法,指针自动指向数据结构的第一个成员
)接下来不断调用next 方法,指针一直往后移动,直到指向最后一个成员
d每调用 next 方法返回一个句含valve 和done 属性的对象
注⚠️:需要自定义遍历数据的时候,要想到迭代器。
迭代器 (Iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。
任何数据结构只要部署lterator 接口,就可以完成遍历操作。
1) ES6 创造了一种新的遍历命令for..of 循环,lterator 接口主要供 for..of 消费
2) 原生具备iterator 接口的数据(可用 for of 遍历)
* Array
* Arguments
* Set
* Map
* String
* TypedArray
* NodeList
3) 工作原理
a)创建一个指针对象,指向当前数据结构的起始位置
b)第一次调用对象的next 方法,指针自动指向数据结构的第一个成员
)接下来不断调用next 方法,指针一直往后移动,直到指向最后一个成员
d每调用 next 方法返回一个句含valve 和done 属性的对象
注⚠️:需要自定义遍历数据的时候,要想到迭代器。
展开
评论
点赞
#挑战每日一条沸点# ES6 模块化语法
模块功能主要由两个命令构成:export 和import。
* export 命令用于规定模块的对外接口
* import 命令用于输入其他模块提供的功能
模块功能主要由两个命令构成:export 和import。
* export 命令用于规定模块的对外接口
* import 命令用于输入其他模块提供的功能
评论
点赞
#挑战每日一条沸点# Map
ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map 也实现了iterator 接口,所以可以使用「扩展运算符』和「for..of..』进行遍历。
ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map 也实现了iterator 接口,所以可以使用「扩展运算符』和「for..of..』进行遍历。
评论
点赞
#挑战每日一条沸点# Promise
promise 是 ES6 引入的异步编程的新解决方案。语法 上Promise 是一个构造函数
用来封裝异步辕花并可以获取其成功或失败的结果。
1. Promise 构造函数:Promise (excutor) {}
2. Promise.prototype.then 方法
3. Promise.prototype.catch 方法
promise 是 ES6 引入的异步编程的新解决方案。语法 上Promise 是一个构造函数
用来封裝异步辕花并可以获取其成功或失败的结果。
1. Promise 构造函数:Promise (excutor) {}
2. Promise.prototype.then 方法
3. Promise.prototype.catch 方法
展开
评论
点赞
迭代器 (Iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。
任何数据结构只要部署lterator 接口,就可以完成遍历操作。
1) ES6 创造了一种新的遍历命令for..of 循环,lterator 接口主要供 for..of 消费
2) 原生具备iterator 接口的数据(可用 for of 遍历)
* Array
* Arguments
* Set
* Map
* String
* TypedArray
* NodeList
#挑战每日一条沸点#
任何数据结构只要部署lterator 接口,就可以完成遍历操作。
1) ES6 创造了一种新的遍历命令for..of 循环,lterator 接口主要供 for..of 消费
2) 原生具备iterator 接口的数据(可用 for of 遍历)
* Array
* Arguments
* Set
* Map
* String
* TypedArray
* NodeList
#挑战每日一条沸点#
展开
评论
点赞
Javascript
作用域
变量的作用域:根据作用域的不同我们变量分为全局变量和局部变量
1.全局变量下的作用域全局可用
🤯如果在函数内部没有声明直接赋值的变量也是全局变量
2.局部变量 在函数内部的变量就是局部变量
🤯函数的形参也可以看作是局部变量
3.从执行效率来看
•全局变量只有浏览器关闭的时候才会销毁 比较占内存
•局部变量当我们程序执行完毕就会销毁 节约资源
js没有块级作用域
在es6的时候会新增块级作用域
块级作用域 {} if{} for{}花括号里面的外面用不了
但是因为js没有块级作用所以花括号里面的外面都可以使用 #挑战每日一条沸点#
作用域
变量的作用域:根据作用域的不同我们变量分为全局变量和局部变量
1.全局变量下的作用域全局可用
🤯如果在函数内部没有声明直接赋值的变量也是全局变量
2.局部变量 在函数内部的变量就是局部变量
🤯函数的形参也可以看作是局部变量
3.从执行效率来看
•全局变量只有浏览器关闭的时候才会销毁 比较占内存
•局部变量当我们程序执行完毕就会销毁 节约资源
在es6的时候会新增块级作用域
块级作用域 {} if{} for{}花括号里面的外面用不了
但是因为js没有块级作用所以花括号里面的外面都可以使用 #挑战每日一条沸点#
展开
评论
点赞
#挑战每日一条沸点# 强大的babel
* 被称为下一代的Javascript编译器。可以将es6的代码转换成es5的代码,从而让浏览器获得支持。
* 这个课程我们只需要知道前端工具babel这个工具的作用,在这里不做过多的赘述
* 被称为下一代的Javascript编译器。可以将es6的代码转换成es5的代码,从而让浏览器获得支持。
* 这个课程我们只需要知道前端工具babel这个工具的作用,在这里不做过多的赘述
评论
点赞
#挑战每日一条沸点# ES6新特性
* let和const命令
* es6的模板字符串
* 增强的函数
* 扩展的宇符串、对象、数组功能
* 解构赋值
* Symbol
* Map和Set
* 迭代器和生成器
* Promise对象
* Proxy对象
* async的用法
* 类class
* 模块化实现
* let和const命令
* es6的模板字符串
* 增强的函数
* 扩展的宇符串、对象、数组功能
* 解构赋值
* Symbol
* Map和Set
* 迭代器和生成器
* Promise对象
* Proxy对象
* async的用法
* 类class
* 模块化实现
展开
评论
点赞
#挑战每日一条沸点#
节流阀🔺的概念
高铁卫生间是否被占用,由红绿灯控制,红灯表示被占用,绿灯表示可使用。
假设每个人上卫生间都需要花费5分钟,则五分钟之内,被占用的卫生间无法被其他人使用。
上一个人使用完毕后,需要将红灯重置为绿灯,表示下一个人可以使用卫生间。
下一个人在上卫生间之前,需要先判断控制灯是否为绿色,来知晓能否上卫生间。
节流阀为空,表示可以执行下次操作;❌不为空,表示不能执行下次操作。
当前操作执行完,❗️必须将节流调重置为空,表示可以执行下次操作了。
每次执行操作前,❗️必须先判断节流啊是否为空。
节流阀🔺的概念
高铁卫生间是否被占用,由红绿灯控制,红灯表示被占用,绿灯表示可使用。
假设每个人上卫生间都需要花费5分钟,则五分钟之内,被占用的卫生间无法被其他人使用。
上一个人使用完毕后,需要将红灯重置为绿灯,表示下一个人可以使用卫生间。
下一个人在上卫生间之前,需要先判断控制灯是否为绿色,来知晓能否上卫生间。
当前操作执行完,❗️必须将节流调重置为空,表示可以执行下次操作了。
每次执行操作前,❗️必须先判断节流啊是否为空。
展开
评论
点赞
互联网中的通信协议😋
客户端与服务器之间要实现网页内容的传输,则通信的双方必须遵守网页内容的传输协议。
网页内容又叫做超文本,因此网页内容的传输协议又叫做超文本传输协(HyperText Transfer Protocol)简称 HTTP 协议。 #挑战每日一条沸点#
客户端与服务器之间要实现网页内容的传输,则通信的双方必须遵守网页内容的传输协议。
网页内容又叫做超文本,因此网页内容的传输协议又叫做超文本传输协(HyperText Transfer Protocol)简称 HTTP 协议。 #挑战每日一条沸点#
展开
评论
点赞
#挑战每日一条沸点# .序列化和反序列化
把数据对象转换为字符串的过程,叫做序列化,例如:调用JSON.stringity0 西数的操作,叫做 ISON 序列化。
把字符串转换为数据对象的过程,叫做反序列化,例如:调用JSON.parse0 西数的操作,叫做JSON 反序列化。
把数据对象转换为字符串的过程,叫做序列化,例如:调用JSON.stringity0 西数的操作,叫做 ISON 序列化。
把字符串转换为数据对象的过程,叫做反序列化,例如:调用JSON.parse0 西数的操作,叫做JSON 反序列化。
评论
点赞
#挑战每日一条沸点# jQuery元素操作
遍历元素each方法
each(function(i,domEle
})回调函数第一个参数一定是索引号,第二个值一定是个dom元素对象。!dom里面没有css方法所以: domEle.css(“color”)是错X的应该: $(domEle).css(“color”arr[i])
parselnt()可以把字符串转化成整型$.each()遍历数组对象好用
遍历元素each方法
each(function(i,domEle
})回调函数第一个参数一定是索引号,第二个值一定是个dom元素对象。!dom里面没有css方法所以: domEle.css(“color”)是错X的应该: $(domEle).css(“color”arr[i])
parselnt()可以把字符串转化成整型$.each()遍历数组对象好用
展开
评论
点赞
#挑战每日一条沸点# 接口文档组成部分:
1. 接口名称:用来标识各个接口的简单说明,如登录接口,获取图书列表接口等。
2. 接口URL:接口的调用地址。
3. 调用方式:接口的调用方式,如GET 或 POST.
4. 参数格式:接口需要传递的参数,每个参数必须包含参数名称、 参数类型、是否必选、参数说明这4项内容。
5. 响应格式:接口的返回值的洋细描述,一般包含数据名称、数据类型、说明3项内容。
6. 返回示例(可选)。
1. 接口名称:用来标识各个接口的简单说明,如登录接口,获取图书列表接口等。
2. 接口URL:接口的调用地址。
3. 调用方式:接口的调用方式,如GET 或 POST.
4. 参数格式:接口需要传递的参数,每个参数必须包含参数名称、 参数类型、是否必选、参数说明这4项内容。
5. 响应格式:接口的返回值的洋细描述,一般包含数据名称、数据类型、说明3项内容。
6. 返回示例(可选)。
展开
评论
点赞