TaffyDB 是一个轻量级且功能强大的内存数据库，可用于浏览器和服务器端应用程序。它是开源的，并且可以免费使用。在本教程中，我们将通过几个示例来展示如何使用 TaffyDB 存储数据、对数据执行查询以及对数据执行重要操作。让我们从一个简单的示例开始 让我们从一个非常基本的示例开始，在这个示例中，我们将创建一些数据，然后尝试将这些数据打印到浏览器上。我们的第一步是拥有 TaffyDB。对于…… 阅读更多

HTML5 Canvas 元素的流行程度众所周知，因为它们允许 Web 开发人员创建动画、完整的应用程序、交互式图表等等。但遗憾的是，对于某些人来说，理解 canvas 非常困难，特别是如果他们来自 Flash 动画背景。在本教程中，我们将探讨 Easel.js 库，它允许我们操作 HTML5 Canvas 元素。Easel.js 的语法类似于 ActionScript，它甚至具有显示列表、舞台、图形等功能，最终使 Flash 开发人员更容易使用 canvas。现在我们对…… 阅读更多

在本教程中，我们将展示如何使用 Parsley.js，这是一个主要用于验证表单的 JavaScript 库。Parsley 以一种非常微妙且简单的方式帮助验证表单，它是目前广泛使用的表单验证库之一。Parsley.js 的功能 Parsley 是验证 JavaScript 表单的良好选择的理由有很多。其中一些如下所示。直观的 DOM API - DOM API 允许您在 HTML 标签内使用简单的英语，Parsley 将完成其余工作。没有…… 阅读更多

Popper.js 是一个 JavaScript 库，当我们想要构建弹出框和工具提示并对其进行管理时使用。它帮助我们在大多数现代 Web 应用程序中定位工具提示和弹出框。在本教程中，我们将展示如何使用 Popper.js 定位工具提示，但需要注意的是，Popper 不仅仅是关于工具提示，而是在某种程度上是构建它的基础。让我们从一个小的例子开始 让我们创建一个带有按钮的简单工具提示，以了解如何使用 popper.js。第一步是在我们的机器上安装 popper.js。…… 阅读更多

FusionCharts 是一个 JavaScript 库，当您想要创建图表和地图并将它们放入您的 Web 应用程序中时可以使用。在本教程中，我们将展示如何使用 FusionChart.js 创建两个不同的图表。在我们学习如何创建图表之前，首先要知道如何将 FusionCharts 安装到我们的本地机器上非常重要。安装 FusionCharts 有多种方法可以安装 FusionCharts。使用 CDN 您可以使用下面给出的 CDN 链接直接访问 FusionCharts 的文件。从 NPM 安装 您…… 阅读更多

您是否曾经想过使用 CSS 创建复杂的动画，那么在 JavaScript 中也有一些库可以帮助创建动画和 CSS 也无法执行的任务。由于 CSS 动画的功能有限，另一方面 JavaScript 库快速可靠，因此，在这篇文章中，我们将学习一些最好的 JavaScript 动画库，您可以使用它们在 JavaScript 中创建动画。让我们看看一些 JavaScript 动画库。Anime.js Anime.js 被称为轻量级动画库，用于动画 HTML、JavaScript 对象、CSS 选择器和 DOM 属性、数组…… 阅读更多

JavaScript 的 Location 对象提供对当前 URL 组件的访问。可以将此对象视为当前位置的只读窗口。Location 对象有两个经常混淆的属性：host 和 hostname。Location.host host 属性返回当前 URL 的主机名、端口号和协议。例如，如果当前 URL 是“http://example.com:8080/path/to/page.html”，则 host 的值为“example.com:8080”。使用 location.host 的优点 与 location.hostname 相比，使用 location.host 也有几个优点。首先，它更具体。如果您需要端口号或协议，您可以…… 阅读更多

在本教程中，我们将讨论如何使用 JavaScript 设计新拟物风格的数字时钟。新拟物主义是一种近年来越来越流行的新设计趋势。它的特点是柔和的圆形和细微的阴影。HTML 我们将从为我们的时钟创建基本的 HTML 结构开始。我们需要一个容器元素，在其中，我们将有一个时钟表盘元素和另一个用于控制按钮的元素。以下是我们时钟的 HTML 代码 - 开始 停止…… 阅读更多

自动格式化是那些难以实现但同时又能极大提升用户体验的功能之一。当需要自动格式化输入文本内容时，可以使用不同的 JavaScript 库，但其中最受欢迎的是 Cleave.js。Cleave.js 是一个主要用于格式化输入文本内容的 JavaScript 库，它运行非常流畅。它非常轻量级，易于上手。在本教程中，我们将通过几个例子来演示如何使用 Cleave.js 自动格式化输入……阅读更多

Tween.js 是一个主要用于对 HTML5 或 JavaScript 属性进行缓动或动画处理的 JavaScript 库。它可以独立工作，也可以与 Easel.js 集成使用。在本教程中，我们将通过几个例子学习如何使用 Tween.js。在进入主要示例之前，让我们先讨论一些简单的缓动，这样当我们在主要示例中使用它们时，您就不会感到不知所措。简单缓动 在这个缓动中，我们将目标的 alpha 属性从 0 缓动到 1……阅读更多