前端
文章平均质量分 78
迹忆客
不患无位 患所以立
展开
-
使用 javascript 将鼠标指针移动到特定位置
没有使用 JavaScript 更改鼠标位置的直接方法,因为它有一些缺陷。但是在编程中总是有不同的和非官方的做事方式。要解决鼠标指针移动到特定位置的问题,我们必须隐藏原来的鼠标指针。然后,我们有两个创建我们的自定义鼠标指针并编写一些 JavaScript 代码使其移动到特定位置。原创 2023-07-01 14:30:00 · 2255 阅读 · 0 评论 -
在 javascript 中使用 xmlHttpRequest 发送 POST 请求
本文将通过不同的示例解释如何使用 JavaScript 代码在 AJAX 编程中发送 XMLHttpRequest post 请求。原创 2023-07-06 09:00:00 · 2984 阅读 · 0 评论 -
JavaScript 异步 forEach
在本篇文章中,我们将看看我们是否可以在 JavaScript 的 forEach 循环中使用异步。有哪些选择?原创 2023-07-07 09:45:00 · 1017 阅读 · 0 评论 -
如何在 JavaScript 中生成 PDF
在本文中,我们将学习在 JavaScript 源代码中创建 PDF 的最佳库,以及如何在我们的 JavaScript 代码中使用该库。原创 2023-07-07 09:45:00 · 7884 阅读 · 0 评论 -
javascript 电话号码格式
在本文中,我们将了解在 JavaScript 源代码中格式化电话号码的最佳方式,以及在我们的 JavaScript 代码中格式化数字的好处。原创 2023-07-01 10:00:28 · 1165 阅读 · 0 评论 -
javascript 中的图像加载事件
我们需要创建一个警告框,当 onload 事件在图像上触发时,它将显示一条消息,说明图像已成功加载。如果我们不想使用 JavaScript,我们可以使用 HTML 属性来检查图像是否已加载。因此,在这些属性的帮助下,我们可以创建一个警告框,在加载图像时显示一条消息,说明图像已成功加载。在 HTML 中,onload 属性在图像加载成功时触发,而 onerror 属性在加载图像时发生错误时触发。如果在加载图像时发生错误,它将显示一条消息,指出图像未加载。如果我们运行代码,它会显示图像加载成功的警告消息。原创 2023-07-06 11:45:00 · 1201 阅读 · 0 评论 -
JavaScript 中事件冒泡和捕获的区别
在 JavaScript 中,当我们需要首先处理最外层元素的事件时,我们使用事件捕获。事件捕获在事件冒泡之前进行,但很少使用,因为事件冒泡足以处理 JavaScript 中的事件流。在下面的代码中,我们使用了 JavaScript,在脚本中,我们使用了一个 .addEventListener 对象来执行冒泡事件。从上面的示例代码我们可以看出,在事件冒泡中,最内层元素的事件先被触发,最外层事件的元素才被触发。这两个事件的主要区别是事件冒泡先处理从最内层到最外层的事件,而事件捕获先处理最外层元素的事件。原创 2023-07-04 10:30:00 · 712 阅读 · 0 评论 -
javascript 触发事件
我们将在冒泡事件传播中使用父子树来演示此实例。主要任务是创建表单和文本区域元素,其中表单是父元素。接下来,我们使用新的创建一个事件。我们的事件的名字很酷,它以气泡的对象为真,细节将是文本区域的值。稍后,该表单将有一个 eventListener,它会说酷事件将在触发时处理其内容。最后,我们使用触发事件,这是文本区域的事件监听器。让我们预览一下代码和输出。原创 2023-06-30 15:24:48 · 1171 阅读 · 0 评论 -
如何在 javascript 中交换数组元素
在 JavaScript 中,我们可以轻松地将数组对象重新分配给默认设置为数组对象的变量,并使过程更进一步,以交换两个数组的元素。当交换开始时,变量 a 获取 x 的元素,而 x 接收 y 的元素。当我们执行 7^4 时,7 对应的位模式是 111,4 是 100。在下面的示例中,我们将采用两个具有相应元素的数组。和 y[0] = 100,所以在这种情况下,结果存储在 y[0] 中是 111 = 7。因此,我们交换了 x 和 y 数组的第一个元素,我们可以为每个索引元素重复此迭代。结果推断出交换结果。原创 2023-07-04 11:30:00 · 1425 阅读 · 0 评论 -
在 javascript 中检查数组中的所有值是否为真
在本篇文章中,我们将学习如何在 JavaScript 中检查数组中的所有值是否为真。原创 2023-07-05 15:00:00 · 1430 阅读 · 0 评论 -
在 javascript 中存储字节数组
类型化数组视图就像不同的镜头,提供字节数组的解释,特别是存储在内存中的 ArrayBuffer。此外,您不能像我们在通常的 JavaScript 数组中那样直接访问 ArrayBuffer 对象中的元素。同理,我们可以使用所有类型化的数组视图来操作底层的ArrayBuffer或者内存中的字节数组。这个缓冲区不提供任何机制来操作它的字节。如您所见,不同的视图使您能够将 ArrayBuffer 中的二进制数据解释为不同的数字格式。在前面的示例中,让我们创建一个新的 Uint8Array 视图来操作已经创建的。原创 2023-07-05 14:30:00 · 597 阅读 · 0 评论 -
JavaScript 中的深度复制数组
在 JavaScript 中,可以通过两种方式复制对象。它们是深拷贝和浅拷贝。首先,让我们讨论一下浅拷贝。对象的浅表副本具有指向与源对象的属性相同的引用的属性。此处,源对象是从中创建副本的对象。由于该对象及其浅表副本共享相同的引用,因此对其中一个所做的更改将反映在另一个对象中。让我们通过一个例子来理解它。考虑一个对象 student1,其属性名为 name,值为 kevin。接下来,创建另一个变量 student2,并为其赋值 student2。原创 2023-07-04 11:00:00 · 355 阅读 · 0 评论 -
在 JavaScript 中获取选中或突出显示的文本
本文将展示我们如何使用 DOM API 来让用户在屏幕上突出显示或选择文本。DOM API 为我们提供了方法,该方法允许我们获取用户选择的文本。窗口对象可以直接访问这个方法。让我们看看如何实际实现此功能。原创 2023-06-30 14:43:50 · 1428 阅读 · 0 评论 -
去除 JavaScript 中的空格
在 JavaScript 中,我们可以借助trim()和replace()等默认 JavaScript 字符串方法从字符串中删除单个或多个空格。原创 2023-06-30 14:44:51 · 672 阅读 · 0 评论 -
在 javascript 中清理字符串
DOMPurify 是用 JavaScript 构建的,兼容所有现代浏览器(Safari (10+)、Opera (15+)、Internet Explorer (10+)、Edge、Firefox、Chrome 等,它们使用 Blink 或 WebKit)。您可以向 DOMPurify 提供一个包含肮脏 HTML 的字符串,它会返回一个包含干净 HTML 的字符串(除非另有设置)。它采用浏览器的技术并将它们转换为 XSS 过滤器,因此如果您的浏览器更快,DOMPurify 就会更快。原创 2023-07-03 14:45:00 · 405 阅读 · 0 评论 -
在 JavaScript 中更改字符串字符
方法是 JavaScript 中预定义的方法,我们在字符串上使用它来借助索引提取字符串的定义字符。它从完整声明的字符串中搜索定义的索引,并提取从头到尾的部分。在本文中,我们将创建自定义函数,借助不同示例的默认字符串方法,在我们想要的任何位置替换或更改字符串中的字符。JavaScript 中没有内置或默认方法可以直接更改字符串中的字符,但我们可以借助其他字符串方法(如。方法,我们将初始化要在特定位置更改所需字符的字符串。是一个预定义的方法,它将声明的字符串拆分为子字符串数组。它返回一个新的字符串字符数组。原创 2023-07-02 11:45:00 · 486 阅读 · 0 评论 -
在 javascript 中构建字符串
要在 JavaScript 中构建一个字符串,我们可以说,如果我们需要组合字符串的一小部分(如单词)来组成一个完整的句子,我们必须要求附加所有给定的部分并生成一个新的结果字符串。在整数之间使用此运算符将创建一个加法,但如果我们将其与字符串值一起使用,它将连接并连接字符串。在 JavaScript 中,我们可以使用自定义逻辑(例如简单的字符串连接)或使用默认方法来完成此任务。本文将通过不同的代码示例讨论使用连接运算符和 JavaScript 中的一些内置方法生成或构建字符串。我们还有一个默认的字符串方法。原创 2023-07-02 10:30:00 · 345 阅读 · 0 评论 -
如何在 JavaScript 中压缩字符串
在 JavaScript 中,可以有范围很广的压缩,比如 gzip 之类的文件压缩等等。在这里,我们将讨论两种压缩字符串的方法。最初,我们将重点介绍霍夫曼算法。稍后,我们将介绍解决任务的 LZString 方法。原创 2023-07-01 14:30:00 · 1483 阅读 · 0 评论 -
javascript 中的左修剪字符串
第一个参数是需要替换的字符串或正则表达式,第二个参数是为第一个参数请求的替换,在我们的例子中是一个空字符串。首先,我们将创建一个不一致的测试字符串,方法是声明一个名为 name 的变量,并为其分配一个由位于名称开头之前的五个空格组成的值,就像下面的代码一样。我们将使用 while 循环遍历我们的名称字符串,对于每个空格,我们将向索引变量添加 1。我们需要做的最后一件事是检查是否一切正常,因为它应该将输出打印到我们的控制台。此方法是字符串类的一部分,它会从字符串中删除前导空格,同时仅修剪字符串的前导部分。原创 2023-07-01 12:15:00 · 283 阅读 · 0 评论 -
在 javascript 中过滤字符串
在处理范围广泛的字符串数组元素并提取优选匹配项时,我们可以依赖多种方法。在这种情况下,我们将选择一个我们想要与给定字符串匹配的字符串模式,无论哪个字符串是该模式的超集都是目标字符串元素。但在这种情况下,我们将字符串作为数组元素,因此,无论匹配哪个元素,函数都会从元素字符位置的开头开始计算索引。当我们将该方法与 filter() 方法合并时,我们得到匹配的字符串元素作为过滤对象的新元素。此外,我们将看到使用 indexOf()、test() 和 include() 方法来获取满足给定模式的字符串。原创 2023-06-30 12:30:00 · 2334 阅读 · 0 评论 -
在 javascript 中循环遍历字典
JavaScript 对象非常灵活,可用于创建键值对。这些对象的工作方式类似于 Python 字典。字典和对象之所以被广泛使用,是因为每个存储的值都有其唯一的键(类似于 JavaScript 数组),并且可以通过那些键访问那些值。这允许在读取和存储数据时具有出色的灵活性。今天的文章将教我们如何在 JavaScript 中迭代对象或字典来提取键值对。原创 2023-06-30 12:30:00 · 3362 阅读 · 0 评论 -
javascript 剪贴板数据
本篇文章将介绍在 JavaScript 中检测粘贴事件上的剪贴板数据。原创 2023-06-29 17:12:05 · 1287 阅读 · 0 评论 -
JavaScript 中的行继续符
这个简短的 JavaScript 文章涵盖了 JavaScript 中的词法语法。此外,还将使用各种新的换行技术深入介绍字符串,以及在处理这些字符串时如何处理换行符。原创 2023-06-29 17:11:08 · 352 阅读 · 0 评论 -
使用 JavaScript 在没有插件的情况下输入文本掩码
在上面的所有实例中要注意的最重要的事情是模式定义。例如,以下模式被放置在上面电话示例中的输入字段中。如果您想让用户在括号中输入四位数字而不是 3,请将其更改为 4。用户还需要按如下方式在占位符中进行更改。下面给出了此屏幕截图。下面给出了此代码。原创 2023-06-29 17:09:21 · 232 阅读 · 0 评论 -
在 JavaScript 中提取元素的第一个子元素
Element.children 和 Node.childNodes 之间的唯一区别是 Element.children 仅包含元素节点,而 Node.childNodes 获取所有子节点,包括非元素节点,如文本和注释。Node.firstChild 返回树中节点的第一个子节点,如果节点没有子节点则返回 null。返回指定元素的子节点的活动 NodeList,索引 0 分配给第一个子节点。它返回一个包含节点子节点的活动 NodeList。HTML 集合是节点的 DOM 元素子元素的活动的、有序的集合。原创 2023-06-21 15:30:00 · 1986 阅读 · 0 评论 -
在 JavaScript 中获取域名
本文将讨论如何使用 JavaScript 事件和函数在网页执行期间以编程方式获取域名。原创 2023-06-21 12:00:00 · 3428 阅读 · 0 评论 -
在 javascript 中清除 canvas 画布
我们使用了带有 id canvsId 的画布标签,并为画布的宽度和高度提供了自定义大小。在下一个示例中,我们使用上面的代码来清除画布。我们还创建了一个名为 clear 的按钮,并为其分配了一个函数,单击该按钮将清除画布。它提供了多种绘制的方法,如圆形、方框、文字、添加图片等,我们在使用canvas时需要清除它并在上面绘制。如果我们想清除我们创建的这个画布,我们将在 JavaScript 中使用。在下面的示例中,我们将创建一个具有特定颜色和大小的画布。当我们运行代码并单击清除按钮时,我们创建的画布将被清除。原创 2023-06-20 10:45:00 · 3052 阅读 · 0 评论 -
从 Java 代码调用外部 JavaScript 函数
本文将讨论在 Java 程序中包含 JavaScript 源代码以及从 Java 代码调用 JavaScript 函数。原创 2023-06-20 07:30:00 · 1044 阅读 · 0 评论 -
使用 javascript 将鼠标指针移动到特定位置
没有使用 JavaScript 更改鼠标位置的直接方法,因为它有一些缺陷。但是在编程中总是有不同的和非官方的做事方式。要解决鼠标指针移动到特定位置的问题,我们必须隐藏原来的鼠标指针。然后,我们有两个创建我们的自定义鼠标指针并编写一些 JavaScript 代码使其移动到特定位置。原创 2023-06-09 10:00:00 · 2208 阅读 · 0 评论 -
JavaScript 通过对键的引用获取对象的值
在上面的示例中,我们有一个对象 age,它包含字符串中的属性和数字中的值。这样,我们就可以在JavaScript中使用方括号通过属性引用的变量来访问对象的值了。我们还可以使用变量引用对象的属性,并使用它来访问对象的值。我们可以通过使用点运算符调用对象的属性来访问该值。但也可以通过变量引用键并使用变量访问对象中的值。但是即使属性在字符串中,我们也不必在使用点运算符时使用引号。然后,使用方括号表示法访问名称变量以获取对象的值,如下所示。我们需要引用方括号内的属性来获取值,如下例所示。和对象解构来获取属性的值。原创 2023-06-11 10:15:00 · 1546 阅读 · 0 评论 -
javascript 删除所有事件监听器
本篇文章将介绍如何删除 JavaScript 中的所有事件侦听器。移除 JavaScript 中的所有事件监听器EventTarget 接口的 addEventListener() 方法配置一个函数,只要指定的事件被传递到目标,就会调用该函数。addEventListener() 方法的工作原理是将实现 EventListener 的函数或对象添加到事件侦听器列表中,以用于在调用它的 EventTarget 中指定的事件类型。原创 2023-06-12 12:15:00 · 6563 阅读 · 0 评论 -
如何在 javascript 中使用种子生成随机数
SFC32 或 Simple Fast Counter 是 PractRand 的快速 PRNG(主要使用 C 语言),它在 JavaScript 中有一个 128 位状态的实现,而且速度非常快。在以下代码片段中,我们使用 MurmiurHash3 创建了所需的种子。我们将使用哈希函数生成这个种子,这是 MurmurHash3 的 JavaScript 实现,它需要一个初始字符串来生成种子。之后,我们使用它通过种子生成随机数。在下面的代码中,我们生成种子并将其传递给返回随机数的 SFC32。原创 2023-06-11 11:30:00 · 2127 阅读 · 0 评论 -
javascript 中的 URL 解码
这篇文章简单介绍了 JavaScript,并讲授了 URL 编码和解码是什么。和,并给出了一些例子。两种方法都以两种方式工作,根据需要使用合适的方法。unescape()方法最近已被弃用,取而代之的是,我们可以使用其他两种方法作为解决方案。原创 2023-06-06 15:44:48 · 6920 阅读 · 0 评论 -
如何在 javascript 中按属性值查找数组中的对象
JavaScript 数组可以保存混合类型的不同值,例如字符串、空值或布尔值,并且不需要数组的大小来指定它在哪里自动增长和动态。此外,JavaScript 数组由不同的方法和属性组成,这些方法和属性将帮助程序在无需大量编码的情况下高效执行。在这里,用户需要找到具有给定 id 的动物,作为输出,该动物是与用户提供的 id (3) 匹配的 Bird。当通过属性值在数组中查找对象时,可以在 JavaScript 中使用不同的实现。方法通过对象的属性值在 JavaScript 的对象数组中查找对象。原创 2023-06-09 10:15:00 · 2938 阅读 · 0 评论 -
如何在 JavaScript 中添加向量(Vector)类
因此,向量类应该实现一个函数来添加向量。函数,它使用 for 循环添加向量并返回 ES6 类的新实例。在添加向量之前,请确保将它们存储在一个数组中。然后,我们可以将它的元素添加到调用者数组中并产生一个结果。因此,第一个向量是调用者,第二个是被调用者。本篇文章将介绍如何使用不同的方法在 JavaScript 中添加两个向量。我们添加了两个向量来测试向量加法并将结果记录到 Web 浏览器的控制台。添加后,它将添加的结果传递给 ES6 类的新实例。加法函数应该起作用,以便第一个向量可以在第二个向量上调用它。原创 2023-06-06 09:00:00 · 622 阅读 · 0 评论 -
如何在 JavaScript 中创建自定义警告框
我们可以使用 jQuery UI 来模仿 JavaScript 本机 alert() 函数的功能。尽管 jQuery UI 有很多 API,您可以使用它的 dialog() API 来创建自定义警告框。同时,与原生 JavaScript 原生的alert()函数不同,您可以拖动使用dialog()API 创建的警告框。我们在以下代码块中将 jQuery、jQuery UI 和 jQuery UI 的 CSS 样式导入到我们的代码中。因此,我们可以使用 dialog() API 来创建自定义警告框。原创 2023-06-05 09:45:00 · 1430 阅读 · 0 评论 -
TypeScript 中实现接口的类
函数定义类型的 Employee 接口,但该类中的 multiply 方法不会自动被类型化。子句所做的就是 - 它检查类是否满足特定接口,因此我们必须确保定义所有必需的属性和方法。类实现了 Employee 接口,但没有定义所需的薪水属性,因此会发出错误。如果我们的类不希望在初始化时将特定值作为参数,请使用类属性。实现接口时,我们必须确保在类上设置所有必要的属性和方法。子句通过定义类的所有属性和方法来检查类是否满足接口。如果我们使用可选属性实现接口,则不会在类中自动创建它。类,要么在接口中将其标记为可选。原创 2023-03-24 09:30:00 · 525 阅读 · 0 评论 -
在 React 中从状态数组中删除一个元素
filter()我们使用useState挂钩初始化了一个员工状态变量。我们传递给方法的函数会针对数组中的每个元素进行调用。在每次迭代中,我们检查对象的 id 属性是否不等于 2 并返回结果。方法返回一个新数组,其中仅包含回调函数返回真值的元素。如果从未满足条件,函数将返回一个空数组。我们将一个函数传递给setState,因为该函数可以保证以当前(最新)状态调用。当使用前一个状态计算下一个状态时,将一个函数传递给setState。原创 2023-03-23 13:45:00 · 3135 阅读 · 0 评论 -
在 React 中悬停时显示元素或文本
onMouseOut代码示例展示了如何在将鼠标悬停在另一个元素上时显示一个元素。我们在 div 元素上设置了属性,因此每次用户将鼠标悬停在该元素上时,都会调用函数。当用户将光标移动到元素或其子元素之一时,将触发mouseover事件。在我们的函数中,我们只需将isHovering状态变量设置为。相反,在我们的函数中,我们将状态变量设置为。当用户的光标不再包含在元素或其子元素之一中时,将触发mouseout事件。我们使用逻辑与&&运算符有条件地呈现另一个 div 元素。逻辑与&&原创 2023-03-20 23:30:00 · 2245 阅读 · 0 评论 -
从 JavaScript 中的数组中删除空对象
如果我们需要在同一个数组中存储不同的类型,很可能是做错了什么。如果满足所有这些条件,我们就知道我们有一个空对象,不应将其添加到结果数组中,因此我们返回 false。我们首先检查元素是否有对象类型,但这还不够,因为 JavaScript 数组也有对象类型。如果它至少有 1 个键值对,我们只返回 true 并将对象添加到结果数组。如果我们的数组包含对象以外的类型,请使用以下方法仅从数组中删除空对象。在所有其他情况下,数组元素不是空对象并被添加到新数组中。如果对象没有键值对,则该方法返回一个空数组。原创 2023-02-17 11:30:00 · 3041 阅读 · 1 评论