JavaScript
文章平均质量分 62
JavaScript 学习内容专栏
HuangYH~
这个作者很懒,什么都没留下…
展开
-
JavaScript中事件流冒泡的原理与实现
在介绍事件流冒泡之前,首先需要了解事件流。在 HTML 文档中,每个元素都可以接收各种类型的事件,比如鼠标点击、键盘输入等。当事件发生时,它会沿着特定的路径传播到文档中的元素,这个传播过程被称为事件流。而事件流冒泡(Event Bubbling)是指事件从最内层的元素开始,逐级向外传播到最外层元素的过程。当一个元素上的事件被触发时,该事件会在DOM树中从最深的节点开始逐级向上层节点传播,直到到达文档的根节点,这个过程被称为事件冒泡。转载 2024-04-08 17:38:46 · 106 阅读 · 0 评论 -
iframe的基本介绍与使用
iframe(内嵌框架)是 HTML 中一种用于将一个网页嵌入到另一个网页中的标签,它可以在一个页面中显示来自其他页面的内容。在网页中,使用<iframe>标签可以将一个网页嵌套在另一个网页中,实现网页间的互联互通。转载 2024-04-08 17:15:11 · 90 阅读 · 0 评论 -
JavaScript call、apply、bind详解与异同
A、call() 函数中的第一个参数表示:想让 this 指向的对象 (obj);B、call() 函数中的第二及以后参数表示:传进去的实参;转载 2024-03-12 17:12:22 · 106 阅读 · 0 评论 -
JavaScript Math()详解
对象作为保存数学公式、信息和计算的地方。对象提供了一些辅助计算的属性和方法,在我们日常使用都是对象进行系列的详解。转载 2024-01-18 17:01:53 · 81 阅读 · 0 评论 -
JS冒泡排序
冒泡排序原理:相邻的数据进行两两比较,小数放在前面,大数放在后面,这样一趟下来,最小的数就被排在了第一位,第二趟也是如此,如此类推,直到所有的数据排序完成。描述:<1>比较相邻的元素。如果第一个比第二个大,就交换它们两个;<2>对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对,这样在最后的元素应该会是最大的数;<3>针对所有的元素重复以上的步骤,除了最后一个;<4>重复步骤1~3,直到排序完成。转载 2023-12-06 10:20:34 · 98 阅读 · 0 评论 -
js 逻辑运算符
&:一假则假(false),全真为真(true)||:一真则真(true),全假为假(false)!:取反,真则假,假则真。原创 2023-09-21 11:44:57 · 457 阅读 · 0 评论 -
js中!!的用法(双感叹号)
的情况,本文即以实例形式较为深入的分析javascript中2个感叹号的用法。是逻辑"非非",即是在逻辑“非”的基础上再"非"一次。Javascript中,!“非”,如果变量不是布尔类型,会将变量自动转化为布尔类型,再取非,那么用两个!2.对undefined的"非"返回true。4.对非零整型的"非"返回false。1.对null的"非"返回true。3.对空字符串的"非"返回true。6.对字符串的"非"返回false。7.对数组的"非"返回false。5.对0的"非"返回true。转载 2023-09-20 18:45:08 · 1649 阅读 · 0 评论 -
js中extends使用和原理
开始先推荐一篇文章,将js的继承讲述的特别全面,我就是取里面的结论,方面日后查阅Javascript如何实现继承?转载 2023-09-20 18:35:22 · 938 阅读 · 0 评论 -
JavaScript数组方法Array.isArray()的用法
【代码】JavaScript数组方法Array.isArray()的用法。原创 2023-09-20 18:31:33 · 1218 阅读 · 0 评论 -
JavaScript——Object.keys()
公式:newArr = Object.keys(oldValue),数组中的每个返回值是每个元素的键值。转载 2023-09-07 17:45:20 · 214 阅读 · 0 评论 -
JavaScript window.open()详解
value为具体的数值,单位象素。其中yes/no也可使用1/0;转载 2023-09-06 18:58:49 · 530 阅读 · 0 评论 -
JavaScript iframe
iframe标签用于定义内联框架,内联框架是在一个页面中嵌入另一个页面。有很多网页看上去是一个网页,但实际上它其中可能镶嵌有其它网页,<iframe>标签就可以把其它网页无缝地嵌入在一个页面中。<iframe>主要用于那些多个网页的共有部分,如导航栏、广告栏等。IFrame对象代表一个HTML的内联框架。在 HTML 文档中<iframe>每出现一次,一个 IFrame 对象就会被创建。转载 2023-09-06 17:07:18 · 330 阅读 · 0 评论 -
JavaScript 中的 Window.open() 用法详解
方法是 JavaScript 中的一个内置方法,用于在浏览器中打开一个新的窗口或标签页。这个方法的语法是:需要注意的是,由于弹出窗口的滥用已经成为了一个安全问题,现代浏览器通常会默认阻止 window.open()方法的调用,除非是在用户的交互下触发的。因此,在实际的开发中,我们需要谨慎使用这个方法,避免被浏览器误认为是恶意行为。转载 2023-09-06 16:54:21 · 4009 阅读 · 0 评论 -
JS中的join()方法
join()方法就是将array数据中每个元素都转为。输出结果:Apple is on my table。join()将数组转换为页面元素的内容。2、join(' ') 将数组元素以。,用法等同于toString()1、join('')将数组元素。,用自定义的连接符分割。3、join()将数组。输出结果:apple。每个元素都转为字符串。转载 2023-08-25 15:45:16 · 3062 阅读 · 0 评论 -
JS 回调函数(callback())
//3转载 2023-08-17 16:59:47 · 341 阅读 · 0 评论 -
JS isNotEmpty()方法
collect()方法采用一个参数,该参数将转换为集合,然后在其上应用isNotEmpty()方法。isNotEmpty()方法用于检查给定的集合不为空或为空,并返回相应的。此方法检查给定的集合不为空或为空,并返回相应的布尔值。转载 2023-08-15 18:46:50 · 329 阅读 · 0 评论 -
JS 字符串
两种方法都接受作为检索起始位置的第二个参数。该方法设置两个参数:起始索引(开始位置),终止索引(结束位置)。方法删除字符串两端的空白符(不支持 IE 8 或更低版本)提取字符串的某个部分并在新字符串中返回被提取的部分。方法用另一个值替换在字符串中指定的值,大小写敏感。正式地说:字符串是不可变的:字符串不能更改,只能替换。ps:如果某个参数为负,则从字符串的结尾开始计数。它们不会修改原始字符串。连接两个或多个字符串(相当于+)。方法返回指定文本在字符串中。方法返回字符串中指定文本。转载 2023-08-05 17:55:43 · 48 阅读 · 0 评论 -
JS 变量、值、函数、形参、实参
一、变量变量就是程序中用于存储数据的。let或var声明变量let a = 1,完成了声明和赋值。二、值数据可以是JS里面的各种数据类型值有很多表现形式:1、各种类型数据的直接量(字符串直接量“11”或者‘11’,的直接量true或false直接量的意思是数据没有存储在变量里面的值。Let b =11的值就是“222、存储在变量里面的值,3、存储在数组元素里面, letarrarr[0]存的{value:1}4。原创 2023-08-04 16:10:15 · 142 阅读 · 0 评论 -
JS 字符串的常用方法
indexOf()原创 2023-08-03 11:52:10 · 158 阅读 · 0 评论 -
JS中的??和?.操作符
)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值。在一个不含 gender成员的 obj 中查找属性,因此结果是 undefined,所以赋值也不会执行,由此我们在项目中可以给genGender 一个初始值配合使用?)是一个逻辑操作符,转载 2023-08-01 11:36:20 · 92 阅读 · 0 评论 -
JS 数组(Array)常用方法总结
1forEach循环遍历1forEach2map3filter4push5slice6pop7shift8concat用于连接两个或多个数组9join10。原创 2023-07-29 11:12:35 · 217 阅读 · 0 评论 -
JS Array数组循环遍历方法forEach()详解
Array的forEach方法遍历数组,不可以用break或continue,通常用于需要全部遍历完成的场景。value(数组元素,必须),index(索引),arr(数组)是数组循环的一种方法,它自身包含三个参数(原创 2023-07-29 10:29:17 · 2042 阅读 · 0 评论 -
JavaScript(Array)循环遍历的四种方法
of能使用break、continue和return语句中断,而forEach不能使用break、continue语句跳出循环。1、for、for…of、forEach这三种遍历方法不能遍历对象,可以使用for…4、forEach(value,index,array)不能同时遍历多个集合,在遍历的时候无法修改和删除集合数据。缺点:不适合处理原有的原生对象(原生对象是一个子集,包含一些在运动过程中动态创建的对象)。in遍历的是数组的索引(键名),for…优点:可以遍历数组的索引(键名),遍历对象简洁方便;原创 2023-07-28 10:20:29 · 2348 阅读 · 0 评论 -
JS 数组的Map()的用法
map()提供了大量能使我们快速便捷地处理数据的函数和方法还等待我去使用发现。转载 2023-07-27 19:00:28 · 279 阅读 · 0 评论 -
JS中各数据类型与布尔类型的转换及if…else if…else运用
后面紧跟的括号中需是一个“条件”,程序满足这个条件便会进入相应的代码块中(包含的代码)执行,其中的这个“条件”即是运算出来的结果为一个。值(或其他数据类型的自动转换),也可以是一个复杂的运算结果。、逻辑运算符优先级(同时出现时,哪部分先运算)(单引号) (空字符串,中间有空格时也是。)组成,这个“条件”表达式可以一个简单的。false(自身就是bool类型)、这个“条件”一定是一个布尔类型((无法计算结果时出现,表示。:取反,真则假,假则真。、“”(双引号)或’,不比较数据类型,而。与&&、或||、非!原创 2023-07-21 10:36:06 · 325 阅读 · 1 评论 -
JS Promise.then的用法
这样的话就会形成所谓的"回调地狱",也即前一个的输出是后一个的输入,所以为了解决这个就出现了promise.then(),利用这个就可以将“回调地狱”的情况很明了的表示出来,因为.then存在着链式的调用,这样就会使得代码更加容易 维 护。*同时这两个参数会各自携带一个参数,其中第一个参数(成功态)携带的参数是由promise中resolve()方法决定的,也即如果是resolve(10),那么第一个参数就会得到一个参数值为10的参数;既然知道了这两个参数函数的作用,那么又该怎么利用它呢?转载 2023-07-19 17:00:28 · 407 阅读 · 0 评论 -
JS async与await的基本使用方法
async&await是Promise的语法糖,使用他的目的就是用同步的写法,写异步的操作。async 是“异步”的简写, async 用于申明一个异步的 function,await 可以认为是 async wait 的简写,await 用于等待一个异步方法执行完成。当我们函数中需要返回值是promise对象时通常用async和await简化。 async作为一个关键字放到函数之前,表示函数是异步的函数,异步函数也就意味着该函数的执行不会阻塞后面代码的执行,等async 函数返回一个promise转载 2023-07-17 16:45:39 · 205 阅读 · 1 评论 -
Java script 三元运算符
三元运算符是javaScript中仅有的使用三个操作数的运算符,通常在一个条件后面加一个 (?) ,如果条件为true时执行(?) 后面的表达式A将会被执行,在表达式A后面跟着一个冒号( : ),当条件为false(Null,undefined,NaN ,0(数字0),空字符串)时,( : )后面的表达式 B将会被执行。使用三元运算符能代替一些简单的if语句,使代码看起来更简洁,逻辑更清晰。原创 2023-07-10 17:23:24 · 104 阅读 · 1 评论 -
JS 扩展运算符
在构思函数定义时,可以使用扩展操作符把不同长度的独立参数组合为一个数组。这有点类似arguments 对象的构造机制,只不过收集参数的结果会得到一个 Array 实例。如将数组拆开,扩展运算符的位置放在传值体前面。用于形参和其他参数一起使用时必须放在最后。原创 2023-07-15 12:07:44 · 69 阅读 · 1 评论 -
【JS 解构赋值语法】
解构赋值语法是一种JavaScript表达式,通过解构赋值,可以将属性/值/变量从对象/数组中拿出来,赋值给其他变量。原创 2023-07-10 17:33:50 · 145 阅读 · 1 评论