JavaScript 教程集合
文章平均质量分 60
每天都会有更新。JavaScript不仅仅只用于前端开发,它在其他领域中也有广泛应用。这篇文章将会展示一些有趣的应用场景,如Node.js、React Native、Canvas等。希望对你有所帮助。
Q shen
分享
展开
-
构建 Tailwind CSS 警报组件
Java 是一种多功能且功能强大的编程语言,多年来一直是游戏开发行业的主要语言。其易用性和广泛的平台支持使其成为创建引人入胜的游戏的绝佳选择。本文介绍了 Java 游戏开发以及它如何成为学习编程的一种令人愉快的方式。原创 2024-05-01 11:06:24 · 490 阅读 · 0 评论 -
JavaScript 中的 JSON 与 OBJECT
JSON(JavaScript 对象表示法):JSON 是一种轻量级的数据交换格式,易于人类阅读和编写,也易于机器解析和生成。它是一种基于文本的格式,与 JavaScript 对象文字语法非常相似,但它是 JavaScript 语法的严格子集。JSON 主要用于在 Web 应用程序中在服务器和 Web 客户端(浏览器)之间传输数据。JSON 与语言无关,并受到包括 JavaScript 在内的各种编程语言的广泛支持。原创 2024-04-27 14:30:00 · 76 阅读 · 0 评论 -
【无标题】JavaScript 中的三个点 (...)
这是 ECMAScript 2018 (ES9) 中引入的一项功能。它允许您将对象的所有剩余属性提取到新对象中。JavaScript 中的三个点 (…原创 2024-04-27 07:30:00 · 60 阅读 · 0 评论 -
空洞的承诺:异步 JavaScript
您知道可以同步Promise.all()解决吗?!以下是一些关于如何有效且高效地使用 Promise 和 async/await 的快速想法。原创 2024-04-26 12:30:00 · 50 阅读 · 0 评论 -
JavaScript:计时器参数
当您希望消息在十秒后消失或限制等待数据的时间时,setTimeout这setInterval 可能是完成这项工作的工具。使用计时器的方式上的微小差异可能会产生意想不到的结果,但有一些简单的解决方案。原创 2024-04-26 07:30:00 · 57 阅读 · 0 评论 -
JavaScript 的先驱
![JavaScript 1.0 是由 Netscape 公司的 Brendan Eich 于 1995 年为著名的浏览器 Netscape 开发的。Java 是当时非常流行的语言,所以 Netscape 想要像那样酷,并将其命名为 JavaScript。然而,他们完全没有任何关系。微软于 1996 年发布了两种可以在浏览器中运行的语言:VBScript 和 JScript。JScript 实际上是 Internet Explorer 3 的 JavaScript 的克隆。为了给 JavaScript 制定原创 2024-04-25 14:45:00 · 46 阅读 · 0 评论 -
理解 JavaScript 作用域
这里globalFunction有一个名为 innerFunction 的函数localFunction,它也是 的局部函数globalFunction。另外,变量language是在外部声明的localFunction,但仍然可以访问它。因为,在 JavaScript 中,子级可以访问父级的属性/变量/方法。范围确定的是运行时在代码中可以访问变量、函数和对象的位置。这意味着变量的范围(可以访问变量的范围)由变量声明的位置控制。我们已经讨论过父范围。如果变量、函数、对象是在块内声明的,则称为局部作用域。原创 2024-04-25 09:15:00 · 40 阅读 · 0 评论 -
了解 JavaScript 数据类型
在本文中,我们将深入研究 JavaScript 支持的各种数据类型,包括原始类型和非原始类型。了解原始数据类型和非原始数据类型之间的区别对于 JavaScript 中有效的数据操作和编程至关重要。与原始类型相比,非原始数据类型也称为引用数据类型,是更复杂的数据结构。它们是可变的,这意味着它们的值可以在创建后修改。对象:表示键值对的集合,其中每个键都是其对应值的唯一标识符。对象是可变的,可以包含各种数据类型,包括其他对象和数组。数组:表示元素的有序集合,可以是任何数据类型。它通常用于表示对象值的缺失。原创 2024-04-24 12:30:00 · 47 阅读 · 0 评论 -
解码 JavaScript 变量:全面概述
变量是 JavaScript 中用于存储数据值的容器。它们就像带标签的盒子,您可以在整个代码中根据需要存储和检索信息。原创 2024-04-24 09:00:00 · 146 阅读 · 0 评论 -
适合初学者的 JavaScript 异步编程
在了解什么是异步编程以及异步编程的需求是什么之前,我们需要了解同步和异步之间的基本区别,甚至在此之前我们需要了解当我们说 javascript 是单线程时意味着什么。原创 2024-04-23 12:00:00 · 473 阅读 · 0 评论 -
JavaScript 初学者的 Promise
在 JavaScript 中使用异步代码时,有时需要等待代码返回数据,然后再进一步处理数据。例如:读取文件需要一些时间,或者从服务器获取数据可能需要一些时间,并且由于这是异步任务,因此它会被委托。然而,在我们可以在代码中处理和执行任何进一步操作之前,我们需要这些数据。这就是 Promise 非常有帮助的地方。在引入 Promise 之前,管理异步操作是使用回调完成的。回调是作为参数传递给另一个函数的函数,并在异步操作完成后稍后执行。原创 2024-04-23 10:00:00 · 162 阅读 · 0 评论 -
避免 JavaScript 代码中与提升相关的错误的 4 个习惯
另一方面,使用let和创建的变量const也会被提升到它们的作用域,但不会被初始化。用 var 声明的变量被提升到其作用域的顶部并用 初始化undefined。通过在作用域的开头声明变量,您可以确保在整个作用域中都可以访问这些变量,从而避免因提升而引起的任何混乱。而且let和const只能在声明它们的块内访问。这消除了用 var 声明的变量出现提升问题的可能性。函数声明与其整个定义一起提升,这意味着您可以在代码中的声明之前调用函数。在严格模式下,使用未声明的变量会引发错误。原创 2024-04-22 10:30:00 · 364 阅读 · 0 评论 -
如何在 JavaScript 中将两个数字相加而不使用“+”运算符?
我们启动一个 for 循环。循环从 i 等于 1 开始,并且只要 i 小于或等于 b 就继续。i 在每次迭代中增加 1。我们可以在 Javascript 中将两个数字相加,而无需使用+运算符。让我向您展示如何使用 JS 函数进行此计算。在循环内部,a在每次迭代中递增 1。这有效地将 1 加到 a、b 次上。我们首先声明一个函数名add并将2 个参数 (a,b)传递给该函数。循环结束后,返回a的值。这将是 a 加 b 的原始值。声明函数后,现在让我们在函数块中添加执行计算的逻辑。原创 2024-04-21 07:00:00 · 65 阅读 · 0 评论 -
Python 中的多线程
然而,在某些情况下,我们可能希望某些任务同时执行或在重叠的时间段内执行,多线程是我们可以快速有效地实现此目的的一种方法。然而,应该清楚的一件事是,在进程中的任何给定时间实际上只能执行单个线程。因此,实际上,多线程并不完全是同时的,而是通过线程之间快速切换来实现并发,切换速度之快,以至于人们可能会认为线程是并行执行的。可运行 - 在这种状态下,线程正在等待运行,它拥有所有必需的资源,只是调度程序尚未调度它运行。在我们深入研究线程和多线程的工作原理之前,您首先需要了解两个术语,即进程和线程。原创 2024-04-19 07:00:00 · 38 阅读 · 0 评论 -
Java 与其他语言
当谈到编程语言时,Java是一种多功能且强大的选择。在本文中,我们将深入研究 Java 与其他流行语言(例如 Python、JavaScript 和 C++)之间的比较。让我们探讨一下它们的语法、性能特征和典型用例。原创 2024-04-12 11:45:00 · 44 阅读 · 0 评论 -
如何在 JavaScript 中创建自定义事件?
想象一下您正在构建一个复杂的 Web 应用程序。“点击”和“提交”等预先构建的事件很棒,但如果您需要更具体的事件怎么办?这就是自定义事件的用武之地 - JavaScript 代码创建和触发自己的事件的一种方式,允许应用程序的不同部分之间进行更细致的通信。JavaScript 附带了一组涵盖常见交互的内置事件。但是,在某些情况下,这些预定义事件可能还不够。这就是自定义事件发挥作用的地方。自定义事件使开发人员能够定义自己的事件类型,从而扩展了 JavaScript 中事件驱动编程的功能。原创 2024-04-09 18:39:47 · 652 阅读 · 0 评论 -
终于有人修复了 Javascript
JavaScript 生态系统正在以惊人的速度发展。当您熟悉某种技术时,就会出现大量新方法。其中一些(例如 TypeScript)获得了广泛采用,而另一些(例如 CoffeeScript)则悄然消失。每项创新最初都会引起人们的兴奋,但随着时间的推移,社区经常会分裂,批评者最终会产生自己的框架。这种无休止的循环让我对声称可以解决所有问题的最新“神奇”框架越来越警惕。我已经从寻求工具作为解决方案转变为拥抱对模式的理解,而不是不断追求新技术。原创 2024-04-09 18:34:53 · 232 阅读 · 0 评论 -
JavaScript 中的匿名函数和箭头函数
JavaScript 提供了多种定义和使用函数的方法。两种常用的函数类型是匿名函数和箭头函数。在这篇博客中,我们将详细了解这两个函数。让我们开始吧!🚀。原创 2024-04-07 15:49:08 · 43 阅读 · 0 评论 -
揭示 HTTP 方法和状态代码
总而言之,在使用 HTTP 方法和状态代码时,请小心敏感信息,注意不可逆转的操作,并就部分更新进行清晰的沟通。坚持一致的 API 设计,稳健地处理错误,并记录一切以实现更顺畅的集成。这些代码和方法是服务器和客户端通信的语言,提供对请求的成功或挑战的见解。URL 中的查询参数:与 PUT 请求类似,将它们包含在 PATCH 请求中的情况并不常见。URL 中的查询参数:虽然技术上可行,但将它们包含在 PUT 请求中的情况并不常见。不明确的更新:PATCH 是为部分更新而设计的,但应注意确保预期的更改清晰无误。原创 2023-12-10 17:33:17 · 458 阅读 · 0 评论 -
了解 JavaScript 中的异步编程
对于专家开发人员来说,JavaScript 中的异步编程是一个相当容易理解的概念。但对于初学者程序员和一些中级程序员来说,这是一个非常具有挑战性的话题。关于这一点,让我们来看看吧!什么是异步编程?我们通常在函数方面提到异步代码及其相反的同步代码。也就是说,函数可以是同步的,也可以是异步的。这会影响您如何调用该函数以及如何定义它。那么函数的同步和异步是什么意思呢?一、同步函数如果函数是同步的,则意味着线程调用该函数并等待其完成其任务,然后再继续该线程必须完成的剩余任务。这种等待称为线程阻塞。原创 2023-11-12 16:47:30 · 50 阅读 · 0 评论 -
✈️ 动态创建 JavaScript 函数
在这篇博客中,我将尝试向您解释一些非常酷的事情。不仅仅是静态编写函数,而是在函数构造函数的帮助下动态创建函数。原创 2023-11-12 16:45:58 · 259 阅读 · 0 评论 -
JavaScript 构造函数
构造函数中的 this 不会指向新对象,因此不应在没有 new 关键字的情况下调用此函数。当一个对象从一个对象创建时,它总是会继承构造函数中声明的所有属性。例如,您上面生成的女学生的姓名、性别和年龄属性将具有固定的起始值。构造函数是 JavaScript 的重要组成部分,创建 OOP JavaScript 应用程序需要了解它们的功能。类的对象实例由构造函数创建和初始化,构造函数是一个独特的函数。幸运的是,JavaScript 中的构造函数像任何其他函数一样提供参数。📌 构造函数使用此关键字的方式各不相同。原创 2023-11-12 16:44:38 · 49 阅读 · 0 评论 -
JavaScript 变量:了解基础知识
JavaScript,通常缩写为 JS,是一种为 Web 提供支持的多功能且广泛使用的编程语言。JavaScript 的基本方面之一是变量的使用,变量在存储和操作数据方面发挥着至关重要的作用。在本文中,我们将探讨 JavaScript 变量的基础知识,包括它们的声明、类型和常见用例。JavaScript 中的变量是什么?JavaScript 中的变量是存储数据值的容器。这些值可以是各种类型,例如数字、文本,甚至复杂的对象。变量用于跟踪可在 JavaScript 程序中访问、更新或操作的信息。原创 2023-11-12 16:42:55 · 48 阅读 · 0 评论 -
如何在 JavaScript 中检查值是否为对象
JavaScript 提供了 typeof 运算符来检查值的数据类型。使用Object.prototype.toString()方法。typeof 运算符返回一个字符串,指示操作数值的类型。使用instanceof运算符。使用constructor财产。使用typeof运算符。所以这些验证是必需的。原创 2023-11-12 16:41:13 · 90 阅读 · 0 评论 -
如何在 JavaScript 中克隆对象
这个概念被称为assignment by reference,其中变量不存储实际值,而是对对象内存位置的引用。与 JSON.parse()/JSON.stringify() 相比,结构化克隆具有明显的优势。)的支持是必要的迭代策略,但在大多数情况下,structuralClone() 就足够了。浅拷贝创建一个新对象,其中仅复制该对象的顶层结构,而原始对象内的嵌套对象或元素仍保留其引用。它会失败,因为对象不是原始值,因此在这种情况下 JavaScript 使用引用赋值。✅PASS应保留嵌套值。原创 2023-11-12 16:40:29 · 42 阅读 · 0 评论 -
掌握 React:Web 开发人员的基本 JavaScript 概念
这是现代前端开发人员的典型路线图:HTML5 => CSS3 => JavaScript => JavaScript 库 …嗯,大多数情况下,但并非总是如此。而且,在选择客户端JavaScript 库时有很多选择。但毫无疑问,React 是初学者的热门选择。顺便说一句,这是一个不错的选择。本文的重点是那些选择继续使用 React 进行前端开发的人。具体来说,您需要掌握多少 JavaScript,然后才能在 React 中编写 Hello World 组件而不感到迷失。从哪里开始。原创 2023-11-12 16:35:26 · 45 阅读 · 0 评论 -
我的创作纪念日《6 个经过验证的 HTML 代码编写和优化工具》
为什么优化良好的 HTML 代码很重要?在深入研究这些工具之前,让我们快速了解一下为什么优化良好的 HTML 代码很重要。在 Web 开发领域,HTML 是网站的支柱。干净、高效的代码不仅可以确保您的网站加载速度更快,还可以提高其搜索引擎排名。所以,事不宜迟,让我们开始使用工具吧!1. 文本编辑器崇高的文字Sublime Text:快速编码者的梦想Sublime Text是一款轻量级且快如闪电的文本编辑器,受到许多开发人员的喜爱。原创 2023-10-02 16:33:23 · 115 阅读 · 0 评论 -
在 JavaScript 中生成通用唯一标识符 (UUID):带有代码示例的综合指南
它们UUIDs是唯一的,可以在各种上下文中使用,例如数据库记录、API端点,或作为代码中各种对象的标识符。在这一行中,我们使用对象解构将v4方法导入为uuidv4. 该v4方法用于生成版本4的UUID,该版本是随机的并且被广泛使用。此代码导入uuid包,生成UUIDusinguuidv4()方法,然后将生成的日志记录UUID到控制台。在 JavaScript 中,您可以使用 uuid 包生成 UUID。在这里,myUUID将保存一个新生成的UUID,我们将其记录到控制台。原创 2023-10-01 22:00:12 · 316 阅读 · 0 评论 -
Next.js 13:综合指南
在我看来,尽管存在一些最初的挑战和错误,Next.js 13 仍然是一个很棒的 Web 开发工具。与 Next.js 12 相比,它引入了几个新概念,例如预渲染(SSG 与 SSR)、服务器和客户端组件、文件差异、页面和 API 路由、数据获取。学习曲线:由于它有许多新功能以及与以前版本相比的变化,对于新接触 Next.js 或从旧版本升级的开发人员来说,可能会有一个陡峭的学习曲线。快速功能开发:它支持快速功能开发,这对 Netflix 和 Uber 这样的大公司以及刚刚起步的小公司都有好处。原创 2023-10-01 21:37:40 · 139 阅读 · 0 评论 -
优化图像加载以在 NEXT.js 中实现闪电般的性能
我想分享一些在 Next.js 应用程序中加速图像加载的技巧和技术。图像在网络性能中发挥着至关重要的作用,优化其交付可以显着增强用户体验。那么,让我们开始吧!原创 2023-10-01 21:35:51 · 464 阅读 · 0 评论 -
如何在 JavaScript 中检查对象是否为空
您还可以创建自定义函数来检查空对象。原创 2023-10-01 21:27:38 · 105 阅读 · 0 评论 -
如何使用 ES6 设置动态属性键?
使用 ES6 设置动态属性键为灵活高效的 JavaScript 编码打开了一个充满可能性的世界。计算属性名称和函数可以帮助我们动态创建、访问甚至删除对象中的属性。无论您正在处理用户数据、配置还是任何其他动态内容,ES6 都可以让您的代码适应各种场景。因此,下次当您发现自己动态地处理对象属性时,请记住 ES6 是为了简化您的生活。拥抱计算属性名称的强大功能,并观察您的代码变得更加通用且更易于管理。原创 2023-10-01 21:10:17 · 146 阅读 · 0 评论 -
JavaScript 在现代前端开发中的重要作用
JavaScript 是一项重要技术,在当代前端开发中发挥着举足轻重的作用。它使开发人员能够打造引人入胜的交互式用户体验、验证和操作用户输入、引入异步功能、利用框架和库构建复杂的 Web 应用程序以及增强性能。在这篇博文中,我们将深入探讨 JavaScript 在前端开发中重要性的不同方面,展示其应用程序的实际示例,并结合代码片段来演示其实际实现。原创 2023-08-17 12:26:51 · 160 阅读 · 0 评论 -
掌握 JavaScript 事件处理以增强前端功能
自定义事件提供了为特定操作创建和调度事件的灵活性。我们将探讨如何创建和分派自定义事件,以及如何监听和处理它们。我们还将讨论前端开发中自定义事件的用例。原创 2023-08-17 12:23:16 · 59 阅读 · 0 评论 -
解锁 JavaScript 事件处理的魔力
当我们上网、点击按钮、将鼠标悬停在图像上以及在搜索栏中输入内容时,我们可能没有意识到表面之下发生的活动量。JavaScript是一种为大部分交互式网络提供支持的动态脚本语言,它通过一种称为事件处理的机制来控制这些操作。无论您是经验丰富的开发人员还是新手,了解 JavaScript事件处理的工作原理并遵循推荐的实践都将极大地提高您设计有趣的交互式用户体验的能力。在本文中,我们将分解事件处理的概念,探索其不同类型,深入研究添加事件侦听器的最佳实践,并提供示例来指导您走向掌握。原创 2023-08-17 12:09:56 · 79 阅读 · 0 评论 -
ReactJS 中什么是副作用以及如何处理它?
useEffect() 是 ReactJS 的一个钩子,它允许我们在 React 组件中处理此类副作用。它为我们提供了处理 ReactJS 代码中副作用的正确方法。useEffect 的语法useEffect()有 2 部分:method : 在这里我们将编写我们的副作用代码依赖项:依赖项数组是我们声明依赖项的地方,它将决定何时执行 useEffect()useEffect() 和依赖数组useEffect() 也可以用作 ReactJS 中的生命周期钩子。这取决于依赖项数组。原创 2023-08-16 20:50:35 · 170 阅读 · 0 评论 -
CommonJs 用简单的语言
所有代码行都有不同的编写标准,Javascript 也不例外,因此出现了 ConnonJs 标准,这是构造 js模块的旧方法。coomonJs 提供了一种使用不同语法中的 export 和 require 关键字共享数据的方法;commonJs 通常在使用 Node.js 构建服务器端应用程序 {API} 时使用。这行代码显示您要导出包含 userDATA 的数据,同时,是将数据导入到另一个模块的语法。原创 2023-08-15 13:15:06 · 84 阅读 · 0 评论 -
如何在 Typescript 中使用记录类型
这告诉 TypeScript 我们的ChampionshipRecord类型是一个对象,其中每个键都是一个NBATeam,每个值都是一个Championships(数字)。使用Record,您实际上是在告诉 TypeScript:“嘿,我想要一个具有类型 的键的对象K,并且这些键下的每个值都应该是 类型T。如果您不小心添加了不属于我们的 NBATeam 类型的球队或提供的冠军值不是数字,则会生成编译时错误,从而确保我们的数据保持一致。假设我们要创建一个类型来表示不同 NBA 球队赢得总冠军的数量。原创 2023-08-15 13:14:01 · 59 阅读 · 0 评论 -
Javascript:每天的错误数
您不必每次都使用基本的 JS 方法,因为您可能必须依赖于为实现 Web 应用程序中的一些特定实时场景而编写的包装器或库。现在,这些类型的库提供了不同的方法来用于不同的目的。每当我们编写任何代码时,我们都会将整个功能分解为尽可能小的小部分,然后开始编码。Beginner:我们是人类,错误是很常见的。在编码的每个阶段,我们都会以某种方式处理想要在浏览器上显示的数据。另外,还要避免试错陷阱。我想提供一些很酷的技巧,以避免错误并在更短的时间内编写代码。因此,这个技巧不仅是为了避免错误,也是为了避免将来出现错误。原创 2023-08-15 13:12:19 · 61 阅读 · 0 评论 -
如何在 Java 中从列表中删除子列表
输入列表 = [‘G’, ‘E’, ‘E’, ‘G’, ‘G’, ‘K’, ‘S’], fromIndex = 3, endIndex = 5 输出 [‘G’, 'E。输入列表 = [1, 2, 3, 4, 5, 6, 7, 8],fromIndex = 2,endIndex = 4 输出 [1, 2, 5,原始列表:【GFG、for、Geeks、计算机、门户】方法1:使用subList()和clear()方法。原始列表:[1,2,3,4,5,6,7,8]最终名单:[1,2,5,6,7,8]原创 2023-08-10 21:30:00 · 227 阅读 · 0 评论