使用 querySelector 添加和删除元素类名称

DOM（文档对象模型）是网络浏览器表示和操作网页的方式。DOM是JavaScript中网页的面向对象表示，它允许访问和操作网页的元素、属性和样式。每次在浏览器中加载网页时，浏览器都会解析HTML以创建分层树状结构。此网页的元素表示为此树中的项目。这些项目可以通过JavaScript中的DOM访问、修改和操作。DOM可以在HTM...

如何在 JavaScript 和 ES6 中使用回调函数

如果您熟悉编程，那么您肯定使用过函数。函数是一段代码，您可以反复使用它来执行程序中的给定任务，而不是多次编写代码。但什么是回调函数？回调函数是JavaScript不可或缺的一部分。它们通常用于执行网络请求、响应页面相关事件以及使用来自第三方库的代码。如果您想熟练编写JavaScript，则需要掌握回调。如果您想了解JavaScript回调...

从 JavaScript 中的数组中删除重复项

如果您已经了解JavaScript数组的基础知识，那么是时候通过更高级的主题将您的技能提升到一个新的水平。在本系列教程中，您将探索在JavaScript中使用数组进行编程的中级主题。在这篇文章中，咱们将处理JavaScript中数组的一个常用功能：如何删除重复项。有多种删除数组重复项的方法，我将在本教程中向您展示每一种方法。您将学习如何...

各种 JavaScript 循环类型的解释

javascript 是最常用的编程语言之一。打算成为 JavaScript 工程师的开发人员必须学习循环的基础知识、它们的类型以及它们的工作原理。 javaScript循环是一种用于根据特定条件执行重复任务的工具。另一方面，“迭代”是一个通用术语，意思是在循环的上下文中重复。循环将继续迭代，直到满足停止条...

什么是 UI 设计中的可供性？

在UI和UX设计领域，您会经常听到术语“可供性”。它也经常出现在Tuts+的教程中，因此本文将作为一个定义来澄清任何疑问。什么是可供性？有时围绕可供性会有些混乱，所以让咱们看一下三个重要的相关术语：1.可供性最初由詹姆斯·J·吉布森(JamesJ.Gibson)早在1970年代就定义了，可供性是物体与个体之间可能发生的动作...

HTML 元素: select

HTMLselect元素是表单中最常见的经典下拉列表。它允许用户从一组选项中进行选择。可以选择多个选项，但用户通常需要为每个select字段选择一个选项。例子句法1    <select name="name" required>  &n...

创建 12 种不同的 CSS 悬停效果

在这个更新的教程中，咱们将创建十种不同的CSS悬停效果和另外两种需要一点JavaScript的效果。咱们将一路学习负载，包括如何为字体图标、边框、箭头、SVG路径设置动画，以及如何使用Lottie动画。您将能够将这些悬停效果应用于各种情况。让咱们开始吧！为了让您了解在本教程中您将学到什么，请查看咱们将构建的演示之一：SeetheP...

在 JavaScript 中迭代数组的4种方法比较

如果您已经了解JavaScript数组的基础知识，那么是时候通过更高级的主题将您的技能提升到一个新的水平。在本系列教程中，您将探索在JavaScript中使用数组进行编程的中级主题。迭代或遍历数组是咱们几乎在涉及使用数组的每个项目中都必须做的事情。您可能需要遍历数组的原因有很多，例如将数组数据显示为输出或对其进行转换。有许多方法可用于在J...

在 JavaScript 中使用二维数组

如果您已经了解JavaScript数组的基础知识，那么是时候通过更高级的主题将您的技能提升到一个新的水平。在本系列教程中，您将探索在JavaScript中使用数组进行编程的中级主题。在本教程中，您将学习如何在JavaScript中使用二维数组。JavaScript没有对二维数组的内置支持。这不是一个大问题，因为JavaScript...

如何构建纯 CSS 加载动画（带关键帧）

动画是使网站更有趣的好方法；让我告诉你怎么做。大多数动画都以一种或另一种形式依赖于JavaScript，尤其是当它们处理复杂的序列或发生在用户交互（例如滚动或单击）之后时。但是，如果咱们要构建一个根本不需要任何用户交互的简单动画，那么它可以完全使用CSS来完成。CSS加载动画演示在本教程中，咱们将仅使用CSS构建带有移动元素的横幅。它使...