HTML5 包含许多内置的表单验证功能，允许开发者轻松地为表单添加验证。其中一个功能是 "required" 属性，它指定输入字段是必需的，并且必须在提交表单之前填写。 “required” 属性是一个布尔属性。如果表单中存在任何带有 “required” 属性的输入字段，则必须在提交表单之前填写此字段。如果在提交表单之前该特定字段为空，用户将看到浏览器发出的错误消息，告知…… 阅读更多

Anime.js 是一个轻量级的 JavaScript 库，具有简单有效的 API。它与 JavaScript 对象、CSS 和 DOM 元素一起工作，并且 Anime.js 易于使用。传统上，我们通过逐步修改元素的样式来制作动画。这种移动可以通过 JavaScript 实现，但是即使是最简单的动画也很难且耗时地开发。Anime.js 通过提供各种工具使动画更容易。它提供调节时间和用户输入的功能，并支持在同一对象上同时运行多个动画。大多数流行的浏览器也支持 Anime.js。Anime.js 的安装部分…… 阅读更多

Svelte 是创建 Web 应用程序的新方法，它可以从一小部分代码到完整的页面 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 中可以找到数组、对象、名称和值对以及其他数据类型。该格式使用引号、括号、圆括号、分号和冒号作为标点符号…… 阅读更多

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

Vue JS 是一个开源的 JavaScript 框架。它用于创建单页应用程序和用户界面。Vue Js 的基于组件的架构使用称为组件的独立的可重用元素来封装 HTML、JavaScript 和 CSS。这使得可以使用虚拟 DOM 来提高性能，同时也有助于编写高效且易于维护的代码。Vue Js 的反应式系统是其区别性特征之一，它允许在底层数据更改时立即刷新用户界面。“v-for” 指令在 Vue Js 中根据循环的项目渲染元素，这些元素迭代数组或对象。根据…… 阅读更多

在 Vue.js 应用程序中将 URL 分配给组件的过程称为路由。实现路由的先决条件是安装 Vue-router 库并将其导入到 Vue 实例中。然后，用户必须在不同的 router.js 文件中指定为每个路由显示的组件，在定义一组路由之后。用户可以使用 “router-view” 组件在主 Vue 模板中指定每个路由的组件应显示的位置，并且用户可以使用 “router-link” 组件在路由之间切换。routerlink 组件创建的已点击链接会更改 URL 并修改…… 阅读更多

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

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