当我们点击 HTML 中的输入元素时，它会为输入元素设置轮廓，使其获得焦点。有时，当用户从输入元素失去焦点时，我们必须执行一些 JavaScript 代码。例如，我们可以使用 HTML 的“autoFocus”属性，在用户刷新网页时自动将输入元素设置为焦点。之后，当元素失去焦点时，我们可以执行 JavaScript 函数来确保输入值不为空。如果输入值为空，并且元素失去焦点，我们可以显示错误消息，例如“此字段必填”。… 阅读更多

图像过渡意味着更改图像，用一个图像替换另一个图像。用户可以在图像滑块中看到图像过渡。在开发图像滑块时，我们应该关注图像过渡的动画，以使应用程序的用户体验更具吸引力。在本教程中，我们将学习如何使用各种方法向图像过渡添加渐隐效果。向图像添加类以显示具有渐隐效果的图像 我们可以使用 CSS 向图像过渡添加渐隐效果。CSS 的 transition 属性允许我们向图像添加任何过渡。因此，… 阅读更多

在创建项目之前，我们将首先讨论 REST API。REST 是一种软件架构风格和一系列标准，有助于创建在线服务。REST 的全称是表述性状态转移。同时，应用程序编程接口 (API) 允许两个或多个计算机程序之间进行通信。它是一个软件接口，为其他软件程序提供服务。用户必须遵循基于 HTTP（超文本传输协议）的 REST API 规则才能访问 Web 服务。常规 HTTP 方法（如 GET、POST、PUT 和 DELETE）访问和修改资源，例如… 阅读更多

document.getElementById() 方法允许我们使用其 ID 在 JavaScript 中访问任何 HTML 元素。每个网页只能包含一个具有单个 ID 的 HTML 元素。您可以使用下面的示例代码使用其 ID 访问任何 HTML 元素。let element = document.getElementById('id'); 在上面的代码中，我们使用了 document 对象的 getElementById() 方法并将 ID 作为参数传递。现在，如果我们需要使用它们的 ID 访问多个元素，那么使用 document.getElementById() 不是一个好主意，但是我们可以为此创建一个简写，并且… 阅读更多

条件语句是任何编程语言中最重要的基本概念。if-else 语句允许我们有条件地执行任何代码块。我们可以在大括号中定义 if 语句的条件，如果条件为真，则执行 if 块的代码；否则，它将执行 else 块的代码。在这里，我们演示了 if-else 语句在 JavaScript 中是如何工作的。if (condition) { // 当条件为真时要执行的代码 } else { // ... 阅读更多

记忆化是一种优化技术，用于提高函数的性能。在我们开始记忆化技术之前，让我们使用下面的示例了解为什么我们需要它。示例（找到斐波那契数的朴素方法）在下面的示例中，我们实现了找到第 n 个斐波那契数的朴素方法。我们使用递归方法来查找第 n 个斐波那契数列。在 JavaScript 中使用递归方法查找第 n 个斐波那契数 输入要查找第 n 个斐波那契数的数字。… 阅读更多

当您的网站上有来自世界各地的访问者时，最好根据国际标准显示诸如手机号码之类的信息。这样他们就能很容易地理解。我们可以使用国际公共电信号码格式以国际方式表示手机号码。“E-164”格式也代表它。我们提供了以下语法以国际方式编写手机号码。[+] [国家代码] [本地电话号码] 用户可以看到国际电话号码一开始包含“+”和“国家”… 阅读更多

setTimeOut() 方法在特定毫秒数后执行某些代码块或函数。有时，我们需要在特定延迟后解决或拒绝 Promise，并且我们可以将 setTimeout() 方法与 Promise 一起使用。在 JavaScript 中，Promise 是一个返回异步操作结果的对象。在这里，我们将学习如何使用 setTimeOut() 方法在一段时间后解决或拒绝 Promise。示例 1（没有 setTimeOut() 方法的 Promise）在下面的示例中，我们使用了 Promise() 构造函数来创建一个新的 Promise。Promise 构造函数采用回调… 阅读更多

每当我们调整网页窗口大小时，它都会默认触发“resize”事件。“resize”事件在调整窗口大小时会多次触发。有时，我们只需要在调整大小事件完成后执行一次 JavaScript 代码。在这种情况下，我们必须将 setTimeOut() 方法与调整大小事件一起使用，以便在事件完成后执行 JavaScript 代码或函数。此外，我们需要使用 clearTimeOut() 方法。语法 用户可以按照以下语法等待调整大小事件完成，然后使用 JavaScript 执行操作。window.addEventListener('resize', () => { ... 阅读更多

调试 JavaScript 代码最简单的方法是使用 console.log()，许多开发人员都使用它。有时，我们需要了解数组的结构和存储的值以进行调试。在本教程中，我们将学习如何查看结构数组。JavaScript 的各种方法允许我们检查数组的结构。例如，我们可以知道数组是否包含对象、嵌套数组、字符串、数字或布尔值。使用 JSON.stringify() 方法 JSON.stringify() 方法允许我们将 JSON 对象转换为字符串。数组也是一个对象… 阅读更多