Svelte 是一种创建 Web 应用程序的新方法，它可以用于代码的一小部分，也可以用于完整的网页应用程序。Svelte 不是框架，而是一个编译器，它比其他 JavaScript 库（如 Angular JS、Vue.js 和 React JS）快得多。Svelte 的主要目的是创建响应式 Web 应用程序，并提供这样的功能：如果数据发生任何更改，它将迅速反映在页面上，并且不会花费太多时间。Svelte 简介 正如我们所见… 阅读更多

Nightmare 是 Segment 提供的一个高级自动化库。对于冒烟测试自动化来说，这是一个不错的选择，因为它可以执行个人可以执行的所有文本输入、点击和视觉检查。它使用 Electron 作为无头浏览器。在本文中，我们将详细讨论 Nightmare.js 以及 Nightmare.js 的安装。Nightmare.js 简介 Segment 提供了 Nightmare，这是一个复杂的浏览器自动化库。这个 Nightmare 的目标是模拟用户活动（例如 goto、type、click 等），而不是使用高度嵌套的回调，而是通过 API 公开一些基本方法…… 阅读更多

JSON 代表 JavaScript 对象表示法，基本上，JSON 经常与 JavaScript 一起使用，它最初旨在成为 JavaScript 编程语言的一个子集。但是，JSON 是一种与语言无关的数据格式。在本文中，我们将学习 JSON 以及它们的有趣事实和示例。JSON 简介 当数据可以以简单格式传输和存储时，称为 JSON 或 JavaScript 对象表示法。JSON 中可以找到数组、对象、名称和值对以及其他数据类型。该格式使用引号、括号、圆括号、分号和冒号作为标点符号…… 阅读更多

为了存储数据，每种编程语言中都存在各种类型的数据类型。数据可以是字符串、字符、数字等形式。对于每种数据类型，都会分配一定的内存限制以有效地使用内存，例如，字符是一个小的单元，而整数可能比字符大，因此最好将字符定义为与整数不同的类型。为了有效地使用内存，会根据它们将占用的内存创建各种数据类型，这导致…… 阅读更多

一些旧版本的浏览器或旧浏览器本身不支持 JavaScript 的新兴功能。例如，如果您使用的是非常旧的浏览器版本，则它不支持 JavaScript ES10 版本的功能。例如，某些版本的浏览器不支持在 JavaScript ES10 版本中引入的 Array.falt() 方法来展平数组。在这种情况下，我们需要实现用户定义的方法来让旧版浏览器支持这些功能。在这里，我们将为 String 对象的 trim() 方法实现 polyfill。语法 用户可以按照… 阅读更多

polyfill 是使用用户定义的方法扩展浏览器功能的概念。如果用户的浏览器没有更新，则可能会发生浏览器不支持任何编程语言（例如 JavaScript）的较新功能的情况。作为开发人员，我们需要检查浏览器是否支持该功能，如果不支持，我们需要调用用户定义的方法。在本教程中，我们将讨论为 array.reduce() 方法实现 polyfill。如果任何浏览器不支持 array.reduce() 方法，我们将调用用户定义的 reduce() 方法。在我们开始本教程之前，让我们… 阅读更多

当我们点击 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() 不是一个好主意，但我们可以为此创建一个简写，并且…… 阅读更多