Javascript 函数

与大多数语言一样,Javascript 中的函数是一种执行非常具体的事情的方法,您可以在代码中多次运行该函数。函数对于您一遍又一遍地重用的代码片段很有用。在函数中,我们有不同的范围。因此,我们还将在本教程中介绍范围。

功能#

假设你正在编写一个程序,并且想要不断地将 5 加到一个特定的数[……]

继续阅读

Javascript 运算符和表达式

当我们执行 if 语句或 for 循环时,我们会使用Javascript 表达式。它们让我们比较变量、数字和其他类型的数据,以检查它们是否正确。在本教程中,我们将研究如何构造表达式,以及我们可以在其中使用的运算符。

Javascript 比较运算符#

if以前,我们使用下面的代码来检查一[……]

继续阅读

Javascript数学运算

在所有编程语言中,执行数学运算都是例行公事。任何应用程序都需要加法、减法和许多其他操作。在 Javascript 中,我们可以通过简单的操作和利用 JavascriptMath对象来做到这一点。

Note: 要进行数学运算,我们需要比较数字。引号中的数字在数学运算中不起作用。[……]

继续阅读

如何使用 Javascript 正则验证电子邮件格式

电子邮件验证是一次又一次出现的事情。电子邮件验证并不棘手,假设您有正确的正则表达式。不幸的是,有很多方法可以在电子邮件上执行 RegEx,而您在 Google 上找到的大部分内容通常会消除有效的电子邮件,或者更糟糕的是,根本不起作用。

有一个称为 RFC822 的标准正则表达式,它是海量的.&[……]

继续阅读

什么是 NodeList,它们是如何工作的?

您是否知道 Javascript 不会将多个元素的选择分类为数组?相反,它是一种叫做 NodeList 的东西。节点列表本质上是元素列表。要生成NodeList,我们可以这样做:

上面的代码将返回在页面上找到的所有段落的列表作为NodeList.

节点列表很有趣,因为它们不是数组,因[……]

继续阅读

解决 HTTP 在 Node.JS 中将标头发送到客户端后无法设置标头

在使用 express 和 Node.JS 时,我们有时会得到这个错误:

如果您不熟悉 HTTP 标头,这是一个非常令人困惑的错误。当您向用户或客户端发送超过 1 个响应时,会出现此错误。这意味着接收器得到两个响应,而它应该只得到一个。要解决此问题,请确保您只发送一个响应。

如何解决[……]

继续阅读

Web 组件和 Shadow DOM

如果你曾经使用过 React,你会很熟悉 Web 组件。它们是自定义的、可复制的 HTML 片段,可以在代码的其他地方引用。Web 组件是它们自己的 HTML 规范,因此您可能会惊讶于它们可以与纯 Javascript 和 HTML 一起独立使用。让我们来看看如何做到这一点。

想象一下,我们有[……]

继续阅读

Promises 和 Await 如何在 Javascript 中工作

Javascript 是一种异步语言。这意味着一行代码可以运行,并触发一个动作,而下一行运行。如果我们需要等待动作完成,那将成为一个问题。

一个完美的例子就是运行 API。假设我们使用 fetch 从 API 中获取数据,然后需要在下一行使用它:

所以我们尝试获取一个页面,然后使用该[……]

继续阅读

Javascript 点击 五彩纸屑效果的实际

演示链接

这个怎么运作#

让我们考虑一下这种效果如何发挥作用的基本原理:

  • 首先:我们需要创建所有单独的五彩纸屑。
  • 接下来:我们需要像五彩纸屑一样移动它们,即达到一个顶峰,然后下降。?
  • 最后:我们需要淡出并移除五彩纸屑。

为了制作五彩纸屑,我们将制作很多小divs。我们将为它们分配[……]

继续阅读