自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 for in 和 for of 循环的区别

如果你想遍历数组或其他可迭代对象的值,使用。如果你想遍历数组或其他可迭代对象的值,使用。总的来说,如果你想遍历对象的属性,使用。总的来说,如果你想遍历对象的属性,使用。

2024-07-13 07:40:35 171

原创 js高级(三)

闭包:定义在一个函数内部的函数。本质:父作用域成为永恒作用域。1、可以访问父函数中的变量。2、可以锁住父函数中的变量。

2024-07-06 20:00:46 115

原创 js高级(二)

先从自身对象上面查找,本身如果没有,在原型上面进行查找,依次向下查找,如果都没有打印undefined或者报错。4、任何对象都有constructor属性,实例化对象的constructor属性指向构造函数。5、原型也是对象,也有constructor属性,原型constructor属性指向构造函数。6、实例化对象上面有个__proto__属性,他是一个指针,指向构造函数的原型。2、构造函数也是函数,也有prototype属性,我们称之为原型。实例化对象调用原型上面的方法,this指向实例化对象。

2024-07-06 19:53:09 259

原创 js高级(一)

1、对过程式代码的高度封装,目的提高代码的开发效率和可维护性。2、面向对象不是面向过程的替代,而是面向过程的封装。2、对象是一个容器,封装了属性和方法。三:面向对象的特征 (重点)一、什么是对象:万物皆为对象。1、对象是单个事物的抽象。

2024-07-06 19:45:33 114

原创 Set和Map的用法

这两种数据结构为 JavaScript 开发者提供了更多的选择,可以根据具体需求选择合适的结构来组织和管理数据。Set 是一种存储唯一值的集合,可以是任何类型的值(原始值或对象引用)。Map 是一种存储键值对的集合,其中键和值都可以是任何类型。

2024-07-06 17:00:46 205

原创 默认导出和普通导出的区别

默认导出和普通导出在导出数量、命名方式、导入语法和使用场景等方面存在明显的区别。选择哪种导出方式取决于模块的具体需求和设计目标。

2024-07-02 21:01:06 217

原创 iterator遍历器

就会被调用,返回一个iterator对象。里面有个next()方法,继续调用next()方法,返回一个对象,对象里面有value (可遍历对象的元素),done (判断是否循环结束)当done为true的时候循环结束。of为什么不能遍历对象 对象的原型上没有iterator属性。就会被调用,返回一个iterator对象。原型上的属性和方法可以被实例化对象所继承。当可遍历对象被for…当可遍历对象被for…

2024-07-02 18:19:18 287

原创 for...of的使用

【代码】for...of的使用。

2024-07-02 18:13:46 196

原创 Proxy的实现

【代码】Proxy的实现。

2024-07-02 18:08:23 187

原创 对象的使用

1、在对象中属性名和属性值一样,可以省略属性值。2、在对象中函数可以省略:function。3、表达式可以当做对象中的属性名。

2024-07-02 17:57:37 249

原创 对象的使用

1、在对象中属性名和属性值一样,可以省略属性值。2、在对象中函数可以省略:function。3、表达式可以当做对象中的属性名。

2024-06-27 20:31:29 149

原创 解构赋值的作用

【代码】解构赋值的作用。

2024-06-25 21:06:27 140

原创 解构赋值解释

什么是解构赋值:将数组中的元素,字符串中的字符,对象中的属性分解成一个一个的变量。

2024-06-25 21:03:29 157

原创 js数据类型运算

&: 两个操作数同时为true,结果为true,否则都是false。||: 两个操作数有一个为true,结果为true,否则为false。4、关系运算符 < > >= <= ==!toFixed(n) 保留n位小数 (四舍五入)关系运算符两边都是字符串 只比较第一个数字。1、算术运算符 + - * / %3、逻辑运算符 && ||!2、一元运算符 ++ –前置++ 先运算 后赋值。后置++ 先赋值 后运算。

2024-06-23 15:43:22 163

原创 数据类型转换

【代码】数据类型转换。

2024-06-23 15:33:57 187

原创 js基础知识

基本数据类型:数字(number) 字符串 (string) 布尔 (boolean) 未定义 (undefined) 空 (null) 唯一值 (symbol)引用数据类型:数组 (array) 对象 (object) 函数 (funcion) Set Map。BOM:browser object model 浏览器对象模型。1、由字母、数字、下划线、$符号组成,不能以数字开头。2、不能是关键字和保留字,例如:for、while。ES: ECMAscript: js的语法规范。2、遵守驼峰命名法。

2024-06-23 15:30:23 89

原创 协议按钮案例

【代码】协议按钮案例。

2024-06-20 19:30:28 59

原创 Ajax两种请求方法

.get(url地址,回调函数) url地址?参数1=值&参数2=值。$.post(‘url地址’,请求参数,回调函数)

2024-06-20 19:25:26 157

原创 jQuery中bind和on的区别

方法来为元素绑定事件处理程序,以获得更好的功能和性能。方法都用于为元素绑定事件处理程序。方法的升级版本,具有更强大的功能和更好的性能。

2024-06-18 16:07:09 128

原创 轮播图案例

【代码】轮播图案例。

2024-06-16 19:40:10 86

原创 计时器案例

【代码】计时器案例。

2024-06-16 19:37:28 75

原创 js动画案例

【代码】js动画案例。

2024-06-11 18:49:35 195

原创 js 节点

子节点–childNodes:标签节点、文本节点、注释节点 得到的是伪数组。上一个子元素节点–previousElementSibling: 上一个标签。最后一个子元素节点–lastElementChild: 最后一个标签。下一个子元素节点–nextElementSibling: 下一个标签。上一个子节点–previousSibling:文本。下一个子节点 --nextSibling:文本。子元素节点–children :标签节点。最后一个子节点–lastChild:文本。

2024-06-05 20:56:08 110

原创 js事件进阶与事件对象

添加 addEventListener(‘事件类型’,事件的处理程序) 把前面的on去掉。移除事件监听 removeEventListener(‘事件类型’,函数名)dom0 :事件源.事件类型=事件的处理程序。可以给同一个元素绑定相同的事件。

2024-06-04 21:22:37 130

原创 js 事件

鼠标移出 onmouseout (会触发事件冒泡)鼠标离开 onmouseleave (触发捕获)鼠标进入 onmouseenter。鼠标移入 onmouseover。鼠标移动 onmousemove。双击事件:ondblClick。获取焦点事件: onfocus。浏览器滚动 onscroll。单机事件:onclick。按下 onkeydown。失去焦点 onblur。抬起 onkeyup。加载完成onlaod。

2024-06-04 21:10:05 145

原创 JSapi

2、webapi的概念:浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)4、DOM的顶级对象是document BOM的顶级对象window (重点)6、通过选择器querySelectorAll获取元素 多个元素。5、通过选择器querySelector获取元素 单个元素。3、事件的公式:事件源.事件类型 = 事件的处理程序。事件的处理程序:触发元素响应时执行的代码(函数)事件类型:鼠标事件 键盘事件 浏览器事件。5、事件函数的this指向事件源。事件源:要触发的元素。

2024-06-03 18:14:15 383 1

原创 JS对象总结

【代码】【无标题】

2024-06-01 17:34:35 635

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除