- 博客(40)
- 收藏
- 关注
RSS订阅原创 arguments对象
1.arguments理解：arguments 对象实际上是所在函数的一个内置类数组对象，每个函数都有一个arguments属性，表示函数的实参集合，这里的实参是重点，就是执行函数时实际传入的参数的集合。该对象上面还有一个callee属性，指向当前方法自身。
2023-10-27 20:35:32
76
原创 什么是闭包函数
3.缺点：闭包会使函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，可能会导致内存泄露。2.优点：闭包因为长期驻扎在内存中。可以重复使用变量，不会造成变量污染。1.原理：就是能读取其他函数内部的变量。
2023-10-27 20:22:41
25
原创 通过ajax对象请求数据2：调用后台接口
1.先准备一个后台接口地址：http://www.bingjs.com:81/Student/GetAll2.展现学生信息：先制作一个表格，在请求数据，最后把数据添加到表格中。实现代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta.
2021-09-19 10:21:54
318
1
原创 通过ajax对象请求JSON格式的数据1
1.xxx.json文中，里面可以定义对象和数组。json文件中不能定义注释。注意：对象的属性名称必须用双引号引起来，字符串属性值必须用双引号引起来，不能使用单引号。{ "name":"周杰伦", "age":20, "gender":"男", "isVip":true}2.通过ajax对象请求本地的json文件，获取里面保存的数据步骤：1.创建XMLHttpRequest对象，该对象就是ajax对象 。2..初始化请求:通过open()方法初始化请求，该方...
2021-09-19 10:09:16
2205
原创 正则表达式里面的通配符
1.通配符：拥有特殊含义的字符。2.\d表示数字：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-09-15 10:34:16
1349
原创 正则表达式
1.正则表达式：定义一个匹配规则，用来匹配字符串中的内容。定义正则表达式，有两种方式：方式一：直接定义<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,
2021-09-15 10:03:09
104
原创 制作鼠标右键菜单
1.如何自己手动制作一个右键菜单。代码如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-09-13 16:31:43
165
原创 三级导航页面制作
1.根据每个省份获取城市信息，在根据每个城市信息获取区县信息。代码如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale
2021-09-13 16:28:30
1001
原创 实现拖动框效果
1.在页面制作一个盒子，鼠标按下可以拖动，鼠标松开停止。代码如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.
2021-09-12 10:48:13
95
原创 选项卡案例
1.给所有的选项卡注册点击事件，在点击事件里面，切换选项卡的高亮和切换显示的内容。代码如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in
2021-09-12 09:36:44
101
原创 鼠标相关事件
1.onclick鼠标点击事件：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2021-09-08 09:02:59
67
原创 轮播图案例
1.通过DOM显示轮播图效果，代码如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l
2021-09-08 08:48:03
58
原创 DOM创建和删除元素
1.createElement()方法，用于创建标签。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-09-06 14:57:59
232
原创 innerText和innerHTML属性的区别
1.innerText属性，用于设置或获取元素的文本内容。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-09-06 14:42:30
124
原创 DOM操作元素属性
1.设置元素自身的属性，可以直接设置。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2021-09-05 10:09:32
160
原创 获取DOM元素方法2
1.querySelector()方法，根据选择器的名称获取指定的dom元素。注意：如果选择器不唯一，返回的是第一个元素。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content
2021-09-05 09:52:35
355
原创 获取DOM元素的方法
1.DOM文档对象模块，其实就是document对象，它里面提供了一些属性和方法用于操作当前网页2.操作dom有两个步骤：1.获取dom getElementById()方法，根据id选择器的名称获取指定的dom元素，如果该id名称不唯一，只能获取第一个元素。2.操作dom<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-e...
2021-08-31 11:45:44
1001
原创 什么是对象数组
1.数组的空间里面存储是对象信息。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-08-31 11:19:26
942
原创 定义对象的方法
1.定义对象有两种方式：1.使用字面量方式直接定义2.使用构造函数创建对象 方式一：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device...
2021-08-25 10:44:11
2443
原创 数组的常用方法
1.forEach方法，用于遍历整个数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&
2021-08-25 10:17:16
60
原创 定义方法的方式 和 递归算法
1定义方法方式一：使用function关键字直接定义。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal
2021-08-22 10:00:35
65
原创 实现数组的方法
1.concat 用于拼接数组。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-08-22 09:51:37
290
原创 什么是函数？
1.函数：就是对一段程序的封装，对一段代码的封装，使用函数可以执行一个完整的任务。2.函数分为两类：系统函数和自定义函数 。例如 parseInt()就是一个系统函数，function就是定义自定义函数的关键字3.自定义函数的方式：注意（函数只需要定义一次，但是可以调用无数次。）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta h...
2021-08-19 17:49:44
961
原创 创建日期对象
1.创建日期对象方法：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2021-08-19 17:36:50
362
原创 Math 对象
1.Math对象用于执行数学任务 。2.PI属性用于返回圆周率<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initi.
2021-08-19 17:18:02
105
原创 创建字符串和字符串的常用方法
1.创建字符串有两种方式：第一种方式：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g
2021-08-16 17:03:28
1710
原创 数组的方法
1.concat()拼接数组,连接两个或更多的数组,并返回全新的数组：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini.
2021-08-15 09:17:38
59
原创 什么是数组
1.数组就是内存中的一组连续存储空间，用于存储一组连续的数据。2.创建数组的方式：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid
2021-08-15 08:49:28
1157
原创 双重for循环的常见练习题
1.打印直角三角形。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .
2021-08-11 09:42:28
990
原创 for循环与循环的跳出语句
1.for循环，将循环变量，循环条件，迭代部分，统一放到一起写，中间用分号隔开。2.for循环的结构：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width.
2021-08-11 09:25:02
4322
原创 while 循环结构和do -while 循环结构
1.什么是循环结构：只要满足条件，就会重复执行的结构。2.while 循环结构的语法：while(循环条件){循环代码 }3.案例：输出10遍"好好学习，天天向上" 。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conten...
2021-08-09 16:55:56
326
原创 switch选择结构
1.switch 选择结构也是用于多个判断条件，但是她比 if多重结构更加的简洁 。switch选择结构， 可以简化多重if选择结构的复杂语法，但是，它只能做等值判断，不能做区间判断。2.注意：switch里面的case，如果判断成功，后面的case就不会再继续判断了，而是直接执行后续 case里面的代码。所以，在每个case语句的最下面，需要添加break语句，表示跳出整个switch 结构。3.例如：请输入考试成绩名次，第1名，奖励手机一部，第2名，奖励mp4一个，...
2021-08-08 11:31:12
1083
原创 多重if 和 嵌套 if 选择结构
1.在实际开发中，如果判断的条件不止两个，这样我们就需要用到多重 if2.例如：如果你有500万存款，买宾利。如果你有300万存款，买奔驰。 有100万存款，买奥迪。如果你有50万存款，买大众。有10万存款， 买奥拓。否则买一辆捷安特。 代码如下： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-...
2021-08-08 11:13:29
937
原创 if 和 if-else选择结构
1.if选择结构的语法是：if(判断条件){满足条件后，执行的操作}2.示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width
2021-08-07 14:33:17
861
原创 javaScript逻辑运算符和逻辑表达式
1.在javaScript中常用的逻辑运算符有：&&(与，并且) ， || (或，或者) ！（非，取反）2.逻辑运算符，返回的结果是boolean 类型：true
2021-08-07 14:18:23
370
原创 关系运算符和关系表达式
1.在javaScript中常用的关系运算符：(大于)> ,（大于等于）>=, (小于)<, (小于等于)<=, (等于)==，（不等于）！=，（恒等于）===，（恒不等于）！===2.所有的关系表达式返回的结果都是 boolean 类型 ：也就是返回的结果都是：turn(真) 或 false(假)3比如：...
2021-08-07 14:07:20
191
原创 什么是变量
1.变量其实就是在内存里面申请一个合适的空间，用于存放对应的数据2.var：是定义变量的关键字用于声明变量。方式是：var 变量名 =值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor..
2021-08-05 18:57:44
193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人