当我们点击 HTML 中的 input 元素时，它会为该 input 元素设置轮廓，使其成为焦点。有时，我们需要在用户从 input 元素失去焦点时执行一些 JavaScript 代码。例如，我们可以使用 HTML 的 'autoFocus' 属性，在用户刷新网页时自动聚焦 input 元素。之后，我们可以在元素失去焦点时执行 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 语句的条件，如果条件变为 true，它将执行 if 代码块；否则，它将执行 else 代码块。在这里，我们演示了 if-else 语句如何在 JavaScript 中工作。 if (condition) { // 条件变为 true 时要执行的代码 } 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 对象转换为字符串。数组也是一个对象 ... 阅读更多