![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 83
JavaScript笔记汇总
Hydrion-Qlz
啥都想学又都没时间开始的大学牲
(如需博客中某文件pdf或者是需要什么资源可直接邮箱联系
qlz_huo@163.com
展开
-
JavaScript -- DOM事件总结
在DOM中存在着多种不同类型的事件对象,多种事件对象有一个共同的祖先 Eventevent.target 触发事件的对象event.currentTarget 绑定事件的对象(同this)event.stopPropagation() 停止事件的传导event.preventDefault() 取消默认行为事件的冒泡(bubble)事件的冒泡就是指事件的向上传导当元素上的某个事件被触发后,其祖先元素上的相同事件也会同时被触发冒泡的存在大大的简化了代码的编写,但是在一些场景下我们并不希望冒泡存原创 2022-12-08 22:23:37 · 616 阅读 · 0 评论 -
JavaScript -- 12. jQuery
jQuery1 jQuery简介2 使用jQuery2.1 下载jQuery2.2 引用jQuery3 jQuery的核心函数3.1 作为工具类使用3.2 作为函数使用3.2.1 将一个函数作为$的参数3.2.2 将选择器字符串作为参数3.2.3 将DOM对象作为参数3.2.4 将html代码作为参数4 jQuery对象4.1 获取DOM对象4.2 隐式迭代4.3 链式调用5 jQuery常用方法5.1 jQuery对象复制5.2 添加容器5.3 添加子元素6 事件的原创 2022-12-08 22:16:35 · 563 阅读 · 0 评论 -
JavaScript -- 11. BOM及常用对象介绍
BOM为我们提供了一组对象,通过这组对象可以完成对浏览器的各种操作BOM对象:Window —— 代表浏览器窗口(全局对象)Navigator —— 浏览器的对象(可以用来识别浏览器)Location —— 浏览器的地址栏信息History —— 浏览器的历史记录(控制浏览器前进后退)Screen —— 屏幕的信息原创 2022-12-08 22:15:15 · 382 阅读 · 0 评论 -
JavaScript -- 10. 一文了解DOM对象及常用方法
2.1.2 通过某个元素获取其他节点2.2 文本节点2.3 属性节点(Attr)2.4 事件2.4.1 直接在元素属性中设置2.4.2 设置回调函数2.4.3 元素.addActionListener()2.5 文档的加载2.6 练习2.6.1 切换图片2.6.2 实现按钮之间相互配合3. DOM的修改3.1 添加节点3.2 删除节点3.3 练习3.4 复制节点3.5 修改CSS样式3.6 读取CSS样式3.6.1 getComputedStyle()3.6.2 通过属原创 2022-12-08 22:13:40 · 607 阅读 · 0 评论 -
JavaScript -- 正则表达式及示例代码介绍
正则表达式1 正则表达式的介绍2 创建正则表达式3 通过整个表达式检查字符串是否符合规则4 正则表达式的基本语法5 提取符合规则的字符串6 例子正则表达式1 正则表达式的介绍正则表达式用来定义一个规则通过这个规则计算机可以检查一个字符串是否符合规则或者将字符串中符合规则的内容提取出来正则表达式也是JS中的一个对象,所以要使用正则表达式,需要先创建正则表达式的对象typeof 返回的是object2 创建正则表达式通过构造函数创建:new RegExp()可以接收两个参数(字符原创 2022-12-06 18:06:50 · 437 阅读 · 0 评论 -
JavaScript -- 字符串常用方法及示例代码介绍
字符串的方法1 length2 索引3 str.at()4 str.charAt()5 str.concat()6 str.includes()7 str.indexOf() 和 str.lastIndexOf()8 str.startsWith() 和 str.endsWith()9 str.padStart() 和 str.padEnd()10 str.replace() 和 str.replaceAll()11 str.slice() 和 str.substring()12 s原创 2022-12-06 18:04:44 · 555 阅读 · 0 评论 -
JavaScript -- Date对象及常用方法介绍
文章目录Date1 Date介绍2 常用方法介绍3 创建指定日期的Date对象4 日期的格式化DateDate - JavaScript1 Date介绍在JS中所有的和时间相关的数据都由Date对象来表示创建Date对象let d = new Date() // 直接通过new Date()创建时间对象时,它创建的是当前的时间的对象console.log(d)image-202212031408139362 常用方法介绍getFullYear() 获取4位年份getMo原创 2022-12-06 18:03:43 · 593 阅读 · 0 评论 -
JavaScript --Set对象及常用方法总结
Set1 Set介绍2 创建Set3 方法4 遍历Set5 利用Set对数组去重Set1 Set介绍Set用来创建一个集合它的功能和数组类似,不同点在于Set中不能存储重复的数据Set存储元素是无序的,不能通过下标访问2 创建Set原创 2022-12-06 18:02:21 · 2107 阅读 · 0 评论 -
JavaScript -- Map对象及常用方法介绍
Map1 Map介绍2 创建一个Map3 常用方法介绍4 将Map转换为数组5 从数组构建Map6 遍历MapMap1 Map介绍Map用来存储键值对结构的数据**(key-value)**Object中存储的数据就可以认为是一种键值对结构Map和Object的主要区别:Object中的属性名只能是字符串或符号,如果传递了一个其他类型的属性名,JS解释器会自动将其转换为字符串Map中任何类型的值都可以成为数据的key原创 2022-12-06 17:58:18 · 6034 阅读 · 0 评论 -
JavaScript -- 数组及对象解构赋值方法总结
1 数组解构赋值1.1 保留默认值1.2 接受剩余的所有参数1.3 对函数执行结果解构1.4 交换两个变量的值1.5 二维数组结构2 对象的解构2.1 声明对象同时解构对象2.2 先声明再解构2.3 解构不存在的属性2.4 设置解构别名2.5 设置解构默认值原创 2022-12-06 17:53:32 · 2249 阅读 · 0 评论 -
JavaScript -- 多种数组深拷贝和浅拷贝的方法的总结
复制是复制出来一个新的对象,二者指向的是不同的对象,直接采用等号赋值的话二者指向的是同一个对象这种情况内存图如下当调用时,会产生一个新的数组对象,从而完成对数组的复制2 new Array()拷贝也可以使用产生新对象3 浅拷贝和深拷贝浅拷贝(shallow copy)深拷贝(deep copy)例如定义如下数组,其在内存图中情况如图:使用进行浅拷贝,从图中看出来只复制了第一层,并没有复制元素中的属性在此时,通过代码进行验证,可以看出两个数组指向不一样,但是其中的对象是共享的,所以修改一个另一个也原创 2022-12-06 17:49:52 · 479 阅读 · 0 评论 -
JavaScript -- 数组常用方法及示例代码总结
数组常见方法总结,包括:1 Array.isArray()2 at()3 concat()4 indexOf()5 lastIndexOf()6 join()7 slice()8 push()9 pop()10 unshift()11 shift()12 splice()13 reverse()14 sort()15 forEach()16 filter()17 map()18 reduce()原创 2022-12-06 17:47:47 · 632 阅读 · 0 评论 -
JavaScript -- 09. 内置对象的介绍
这部分内容开始对JS中其他的内建对象进行补充。主要包括:结构复制、序列化、Map、Set、Date、包装类、String、正则表达式以及垃圾回收(GC)1 解构赋值1.1 保留默认值1.2 接受剩余的所有参数1.3 对函数执行结果解构1.4 交换两个变量的值1.5 二维数组结构2 对象的解构2.1 声明对象同时解构对象2.2 先声明再解构2.3 解构不存在的属性2.4 设置解构别名2.5 设置解构默认值3 对象的序列化3.1 对象的序列化3.2 序列化的作用3.3 如何进行序列原创 2022-12-03 23:20:53 · 342 阅读 · 0 评论 -
JavaScript -- 08. 数组介绍
这部分内容讲解了JS中的数组,除了数组外还在这部分内容中对对象和函数的部分知识进行了补充,所以视频中的知识并不全都是数组的知识。其中包括:数组简介、遍历数组、for-of语句、数组的方法、对象的复制、冒泡排序、选择排序、高阶函数、闭包、递归、可变参数、call和apply、bind。4 数组的拷贝4.1 slice()拷贝4.2 new Array()拷贝4.3 浅拷贝和深拷贝4.4 展开运算符4.5 对象的复制4.6 使用JSON进行深拷贝5 数组去重6 数组排序6.1 冒泡排序例子:原创 2022-12-03 23:17:12 · 670 阅读 · 0 评论 -
JavaScript -- 07. 面向对象编程
这部分视频讲解了JS中面向对象相关的知识。主要包括:类、属性、方法、构造函数、封装、多态、继承、对象的结构、原型、原型链、旧类、new运算符等内容。面向对象编程1 面向对象编程介绍2 类3 属性4 方法5 构造函数6 封装7 多态8 继承9 对象的内存结构10 原型10.1 原型链10.2 原型的作用:11 修改原型12 instanceof和hasOwn12.1 instanceof12.2 in12.3 hasOwnProperty12.4 hasOwn13 旧类原创 2022-12-03 23:12:42 · 410 阅读 · 0 评论 -
JavaScript中作用域问题讨论及示例代码探究
作用域指的是一个变量的可见区域作用域有两种:全局作用域全局作用域在网页运行时创建,在网页关闭时销毁所有直接编写到script标签中的代码都位于全局作用域中全局作用域中的变量是全局变量,可以在任意位置访问局部作用域块作用域块作用域是一种局部作用域块作用域在代码块执行时创建,代码块执行完毕它就销毁在块作用域中声明的变量是局部变量,只能在块内部访问,外部无法访问1 函数作用域函数作用域也是一种局部作用域函数作用域在函数调用时产生,调用结束后销毁函数每次调用都会产生一个全新的函数作用域原创 2022-12-01 19:39:32 · 420 阅读 · 0 评论 -
JavaScript函数中this的指向问题讨论(普通函数和箭头函数)
但实际上都是指向调用的对象,以函数方式调用的时候默认调用的对象是window。,外面的this是谁,它就是,如果在最外层,那么它的this就是window。2.以方法的形式调用时,this指向的是调用方法的对象。1.以函数形式调用时,this指向的是window。案例:为两个对象添加一个方法,可以打印自己的名字。箭头函数没有自己的this,它的。原创 2022-12-01 19:37:53 · 517 阅读 · 2 评论 -
JavaScript中的两种运行模式介绍(严格模式,正常模式)
在开发中,应该尽量使用严格模式,这样可以将一些隐藏的问题消灭在萌芽阶段,同时也能提升代码的运行性能。在严格模式下,语法检查变得严格。原创 2022-12-01 19:36:32 · 514 阅读 · 0 评论 -
JavaScript -- 06.函数知识汇总
函数1 函数介绍2 函数的创建方式2.1 函数声明2.2 函数表达式2.33 参数3.1 函数声明3.2.函数表达式3.3 箭头函数3.4 默认参数3.5 使用对象作为参数3.6 函数作为参数4 函数的返回值5 作用域5.1 函数作用域5.2 作用域链5.3 练习6 window对象7 提升7.1 变量的提升7.2 函数的提升7.3 为什么要有提升8 debug9 立即执行函数10 函数中的this10.1 普通函数的this10.2 箭头函数的this原创 2022-12-01 19:34:44 · 256 阅读 · 0 评论 -
JavaScript -- 三种循环语句的介绍及示例代码
循环语句1 While循环2 do-while循环3 for循环4 嵌套循环循环语句通过循环语句可以使指定的代码反复执行JS中一共有三种循环语句while语句do-while语句for语句通常编写一个循环,要有三个要件初始化表达式(初始化变量)条件表达式(设置循环运行的条件)更新表单式(修改初始化变量)原创 2022-11-30 23:28:54 · 829 阅读 · 0 评论 -
JavaScript -- 多种类型转换方法总结
类型转换1 转换为字符串2 转换为数值3 转换为布尔值4 总结类型转换类型转换指将一种数据类型转换为其他类型类型转换是根据当前值去创建另一个值,而不是将当前值直接进行转换这里说到的转换都是显示类型转换,除此之外还有隐式类型转换原创 2022-11-30 23:27:01 · 196 阅读 · 0 评论 -
JavaScript -- 05. 对象介绍
这部分对JS中的对象(Object)进行了讲解,但由于对象、函数和数组之间有很强的关联,所以这部分只做了简单的介绍,还有部分知识会在学习函数或数组时进行补充。1 对象介绍1.1 数据类型比较1.2 定义对象2 属性2.1 属性名2.2 属性值2.3 in运算符3 对象字面量4 枚举类型4.1 for - in语句5 可变类型5.1 回顾不可变类型5.2 对象的存储方式5.3 对象的比较5.4 指向相同对象5.5 修改对象和修改变量原创 2022-11-30 23:13:43 · 130 阅读 · 0 评论 -
JavaScript --04. 流程控制语句介绍
这部分内容讲解了JS中的流程控制语句。主要有:代码块、if-else语句、switch-case语句、while语句、do-while语句、for语句。1 代码块1.1 声明代码块1.2 let 和 var的作用域2 条件判断语句 -- if语句3 条件分支语句3.1 if-else语句3.2 if-else if-else语句3.3 练习4 Switch语句5 循环语句5.1 While循环5.2 do-while循环5.3 for循环5.4 嵌套循环6 break和conti原创 2022-11-30 23:11:27 · 328 阅读 · 0 评论 -
JavaScript -- 03. 运算符介绍
这部分内容主要讲解了JS中的各种运算符。主要有:算术运算符、赋值运算符、一元运算符、自增自减运算符、逻辑运算符、关系运算符、相等运算符、条件运算符、运算符的优先级以及隐式类型转换。1 算数运算符1.1 基础符号1.2 自动类型转换2 赋值运算符3 一元±4 自增和自减4.1 ++ 自增运算符4.2 -- 自减运算符5 逻辑运算符5.1 逻辑非5.2 逻辑与5.3 逻辑或6 关系运算符7 相等运算符7.1 `==`7.2 `===`7.3 `!=`7.4 `!==`8 条原创 2022-11-30 23:09:31 · 217 阅读 · 0 评论 -
JavaScript -- 02. 变量和数据类型
JS中的变量和数据类型:字面量和变量的介绍、变量的声明方式(let、var)、常量(const)、原始值(String、Number、BigInt、Boolean、Null、Undefined、Symbol)、值和变量在内存中的结构、不可变类型、显式类型转换等内容原创 2022-11-30 23:08:11 · 264 阅读 · 0 评论 -
JavaScript -- 01. 基础语法介绍
除此之外,推荐在学习的时候通过浏览器自带的控制台运行一些基础的js命令,实时查看运行结果,在浏览器中按F12就可以调出来控制台,使用。声明常量的时候尽量写成大写(如果表示的是int或者string类型的数据的话),但是在声明对象的时候不用声明为大写。如果更改b的值的话,并不会导致a的值发生变化,b会指向新的一片区域,那边区域存的是b的新值。在JS中,所有可以由我们自主命名的内容,都可以认为是一个标识符,像 变量名 函数名 类名…在js中变量是可以修改的,也就是可以重新赋值的,但是常量。原创 2022-11-30 22:51:48 · 340 阅读 · 0 评论