Fab 组件是浮动操作按钮的简称。您可能在许多 Android 应用程序的右下角看到过浮动操作按钮。但是，它并不是固定在右下角，而是最常用的位置。用户可以使用 Material UI 的 Fab 组件创建带有不同图标的浮动操作按钮。要开始使用 Material UI，请在 React 项目目录的终端中执行以下命令。npm install @mui/material @emotion/react @emotion/styled 语法 用户可以... 阅读更多

setInteral() 方法允许我们每隔特定时间段持续触发回调函数。我们可以将回调函数作为第一个参数传递，以便在每个时间段后触发，并将时间段（以毫秒为单位）作为第二个参数传递。setInterval() 方法在第一次调用回调函数时会等待特定毫秒数。现在，问题是我们需要在 0 毫秒时立即调用回调函数，之后我们需要在给定的时间段内持续调用它。示例 在下面的示例中，我们创建了... 阅读更多

范围输入允许在特定值的范围内选择任何值。使用 JavaScript，我们可以获取用户在范围输入中输入的输入值。onchange 事件仅在用户释放鼠标键时触发。因此，它在拖动范围滑块时不会更新值。您可能会在所有浏览器（例如 chrome、safari）中遇到此问题，而不仅仅是在 Firefox 中。用户可以按照以下示例检查在拖动范围输入时输入值是否已更新。示例 1（拖动时输入值不会更新... 阅读更多

通常，开发人员会添加提交按钮来提交输入字段的文本。但是，如果他们允许用户通过按 Enter 键提交输入值，则可以改善应用程序的用户体验。在这里，我们将学习使用键盘监听器事件检测按键的常规方法。之后，每当用户按下 Enter 键时，我们都可以执行任何操作。语法 用户可以按照以下语法检测用户何时按下 Enter 键。input.addEventListener("keypress", function (event) { if (event.keyCode == 13) { // 按下 Enter 键 ... 阅读更多

如今，许多应用程序都允许用户上传和下载文件。例如，抄袭检查工具允许用户上传包含某些文本的文档文件。之后，它会检查抄袭并生成报告，用户可以下载该报告。每个人都知道如何使用 input type file 创建上传文件按钮，但很少有开发者知道如何使用 JavaScript/JQuery 创建文件下载按钮。本教程将教授各种方法，以便在点击 HTML 按钮或 JavaScript 时触发文件下载。使用 HTML 标签中的 download 属性来触发文件... 阅读更多

在 JavaScript 中，我们可以使用 splice() 方法来拼接数组。splice() 方法从数组中插入或删除单个或多个元素。我们可以将起始索引作为 splice() 方法的第一个参数传递，从中我们可以插入或删除元素。它将要从数组中删除的元素数量作为第二个参数，并将数组值作为第三个参数插入到数组中。本教程将教我们如何在不修改原始数组的情况下拼接数组。修改原始数组意味着对数组进行更改。每当... 阅读更多

我们可以使用 HTML、CSS 和 JavaScript 创建选项卡。选项卡可以分为两种类型。一种是水平选项卡，另一种是垂直选项卡。选项卡允许我们在非常小的空间内显示不同的内容，因为我们可以根据不同的选项卡显示不同的内容。我们将学习使用 HTML、CSS 和 JavaScript 从头开始创建水平和垂直选项卡。创建水平选项卡 通过创建水平选项卡，我们可以将所有选项卡显示在同一行中。此外，我们可以在所有选项卡下方显示所选选项卡的内容。语法 用户可以按照语法... 阅读更多

汉堡菜单图标有三个垂直条，导航栏使用它在移动设备和平板电脑上展开和折叠菜单。本教程将教我们如何从头开始创建一个汉堡菜单。在这里，我们将使用 HTML、CSS、JavaScript 和 Bootstrap 创建一个带有导航栏的时尚汉堡菜单。步骤 用户可以按照以下步骤创建带有汉堡菜单图标的导航栏。步骤 1 - 创建一个带有 container 类的 div，其中包含导航栏和可扩展菜单。步骤 2 - 之后，在... 阅读更多

一个允许用户使用关键字或短语搜索可用域名的在线应用程序可以称为域名查找器。对于希望为其网站注册新域名的公司和个人来说，这是一个有用的工具。此软件的用户可以查找域名并显示搜索结果以及其他详细信息，例如价格和可用性。要构建一个 ReactJs 域名搜索应用程序，首先必须规划应用程序的结构并确定要包含哪些功能。配置开发环境后，可以添加一个搜索字段，以便用户可以... 阅读更多

护照号码是非常敏感的数据，并且始终需要进行验证。例如，您正在获取用户的数据以进行身份识别，并且可以使用护照号码来验证用户身份。有时，用户可能会输入错误的护照号码。但是，您必须使用数据库来检查护照号码是否与用户的真实护照号码匹配。尽管如此，当用户输入护照号码时，您应该确保用户已输入正确的格式。本教程将教我们各种在 ReactJS 中验证护照号码的方法。使用验证器... 阅读更多