document.getElementById() 方法允许我们使用其 ID 在 JavaScript 中访问任何 HTML 元素。每个网页只能包含一个具有单个 ID 的 HTML 元素。您可以使用下面的示例代码来使用其 ID 访问任何 HTML 元素。 let element = document.getElementById('id'); 在上面的代码中,我们使用了 document 对象的 getElementById() 方法并将 id 作为参数传递。现在,如果我们需要使用它们的 ID 访问多个元素,使用 document.getElementById() 不是一个好主意,但是我们可以为它创建一个简写,并且…… 阅读更多
条件语句是任何编程语言中最重要和最基本的概念。if-else 语句允许我们有条件地执行任何代码块。我们可以在大括号中定义 if 语句的条件,如果条件为真,则执行 if 块的代码;否则,执行 else 块的代码。在这里,我们演示了 if-else 语句在 JavaScript 中是如何工作的。if (condition) { // 当条件为真时执行的代码} else { // ... 阅读更多
当您的网站上有来自世界各地的访问者时,最好根据国际标准显示诸如手机号码之类的信息。这样他们可以很容易地理解。我们可以使用国际公共电信号码格式以国际方式表示手机号码。它也用“E-164”格式表示。我们给出了以下语法以遵循以国际方式编写手机号码。[+] [国家代码] [本地电话号码] 用户可以看到国际电话号码开头是“+”和“国家…… 阅读更多
setTimeOut() 方法在特定毫秒数后执行一些代码块或函数。有时,我们需要在特定延迟后解决或拒绝 promise,我们可以将 setTimeout() 方法与 promise 一起使用。在 JavaScript 中,promise 是一个返回异步操作结果的对象。在这里,我们将学习如何使用 setTimeOut() 方法在一段时间后解决或拒绝 promise。示例 1(没有 setTimeOut() 方法的 Promise)在下面的示例中,我们使用了 Promise() 构造函数来创建一个新的 promise。promise 构造函数采用回调…… 阅读更多
每当我们调整网页窗口大小时,它都会默认触发“resize”事件。“resize”事件在调整窗口大小时会多次触发。有时,我们只需要在调整大小事件完成后执行一次 JavaScript 代码。在这种情况下,我们必须将 setTimeOut() 方法与 resize 事件一起使用,以便在事件完成后执行 JavaScript 代码或函数。此外,我们需要使用 clearTimeOut() 方法。语法用户可以遵循以下语法来等待调整大小事件完成,然后使用 JavaScript 执行操作。window.addEventListener('resize', () => { ... 阅读更多
调试 JavaScript 代码最简单的方法是使用 console.log(),许多开发人员都使用它。有时,我们需要了解数组的结构和存储的值以进行调试。在本教程中,我们将学习查看结构数组。JavaScript 的各种方法允许我们检查数组的结构。例如,我们可以知道数组是否包含对象、嵌套数组、字符串、数字或布尔值。使用 JSON.stringify() 方法JSON.stringify() 方法允许我们将 JSON 对象转换为字符串。数组也是一个对象…… 阅读更多
在 ReactJS 中,refs 用于引用文档的任何节点。通常,我们可以将 props 传递给子元素以从父级的状态与子元素进行交互。但是,有时子组件超出了组件的典型数据流。例如,我们有四个组件,数据流是第二个是第一个的子组件,第三个是第二个的子组件,第四个是第三个组件的子组件。要从第一个组件与第四个组件进行交互,从每个组件传递 props 不是一个好习惯。因此,我们可以使用 refs 来进行交互…… 阅读更多
我们可以使用进度条来跟踪特定任务完成了多少百分比。您可能在许多网站上看到过在上传文件时的进度条,它是进度条的一个最佳用例,用于显示文件上传的上传百分比。进度条的另一个最佳用例是显示下载完成百分比。我们可以使用不同的 CSS 样式为进度条设置动画并改善用户体验。在本教程中,我们将学习如何使用库和从头开始创建进度条…… 阅读更多
我们可以假设您已经使用移动设备拨打过电话,并且看过联系人列表。通常,当您在大多数移动设备上打开电话簿时,会看到三个部分。第一个是拨打自定义号码的键盘,第二个是最近通话记录,第三个是设备中保存的联系人。最近联系人部分显示最近通话记录,包括姓名、号码和通话时长。普通联系人列表部分显示您的联系人姓名和联系电话号码。在这里,我们将使用 ReactJS 的基本功能来设计一个 ReactJS 联系人列表……阅读更多
图片轮播在任何 Web 应用程序中都至关重要,它可以以良好的用户体验展示多张图片。当我们访问亚马逊 (amazon.com) 或车易拍 (cardekho.com) 等知名网站时,它们都会在轮播中显示图片,这些网站需要为每个产品展示多张图片。如果它们不使用轮播而显示每张单独的图片,用户将无法很好地查看图片,而且看起来也很糟糕。因此,在本教程中,我们将学习在 ReactJS 中创建图片轮播的各种方法。使用 react-simple-image-slider npm 包 react-simple-image-slider 允许我们在 ReactJS 中创建图片轮播。用户……阅读更多
数据结构
网络
RDBMS
操作系统
Java
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP