Q shen-优快云博客

原创构建 Tailwind CSS 徽章组件

现在我们已经创建了一个徽章元素。但是，如果您想创建稍大一点的徽章怎么办？没问题，您所需要做的就是增加徽章的填充和字体大小。我建议span为徽章使用一个简单的元素，以便可以轻松地将其作为内联元素添加到其他元素中。我已经开始了一系列关于如何使用 Tailwind CSS 构建常用组件的教程，今天我想向您展示如何构建徽章元素。我最近在很多项目中使用了 Tailwind CSS，我发现它的缺点之一是它没有附带一组可以立即使用的基本组件。我希望本教程对您使用 Tailwind 和您的项目有所帮助。

2024-05-01 11:57:05 357

原创构建 Tailwind CSS 警报组件

Java 是一种多功能且功能强大的编程语言，多年来一直是游戏开发行业的主要语言。其易用性和广泛的平台支持使其成为创建引人入胜的游戏的绝佳选择。本文介绍了 Java 游戏开发以及它如何成为学习编程的一种令人愉快的方式。

2024-05-01 11:06:24 642

原创 Java 游戏开发：简介

2024-04-29 09:30:00 741

原创揭开 Java 中套接字、文件和流的神秘面纱

Java 是一种通用且广泛使用的编程语言，它提供了丰富的 API，用于通过套接字、文件和流处理 I/O 操作。受到“Java Workshop”实践见解的启发，让我们深入了解 Java 中的网络和文件 I/O 世界。

2024-04-28 12:37:31 102

原创免费 Tailwind CSS 登陆页面

展示您的专业知识：通过可过滤的作品集给潜在客户留下深刻印象，让您能够突出显示根据他们的特定需求量身定制的最佳作品。英雄部分英雄：通过完全可定制的英雄部分留下持久的第一印象，吸引注意力并确定您的品牌基调。创意专业人士：通过视觉上令人惊叹的作品集展示您的才华和专业知识，展现您最好的一面。建立信任和信誉：以迷人的轮播形式展示积极的评价，建立信任并将您定位为权威。直观的导航：通过简洁且用户友好的菜单引导用户无缝地浏览您的产品。自由职业者和机构：以与潜在客户产生共鸣的方式展示您的技能和服务。

2024-04-28 12:34:25 441

原创 JavaScript 中的 JSON 与 OBJECT

JSON（JavaScript 对象表示法）：JSON 是一种轻量级的数据交换格式，易于人类阅读和编写，也易于机器解析和生成。它是一种基于文本的格式，与 JavaScript 对象文字语法非常相似，但它是 JavaScript 语法的严格子集。JSON 主要用于在 Web 应用程序中在服务器和 Web 客户端（浏览器）之间传输数据。JSON 与语言无关，并受到包括 JavaScript 在内的各种编程语言的广泛支持。

2024-04-27 14:30:00 115

原创【无标题】JavaScript 中的三个点 (...)

这是 ECMAScript 2018 (ES9) 中引入的一项功能。它允许您将对象的所有剩余属性提取到新对象中。JavaScript 中的三个点 (…

2024-04-27 07:30:00 99

原创空洞的承诺：异步 JavaScript

您知道可以同步Promise.all()解决吗？！以下是一些关于如何有效且高效地使用 Promise 和 async/await 的快速想法。

2024-04-26 12:30:00 91

原创 JavaScript：计时器参数

当您希望消息在十秒后消失或限制等待数据的时间时，setTimeout这setInterval 可能是完成这项工作的工具。使用计时器的方式上的微小差异可能会产生意想不到的结果，但有一些简单的解决方案。

2024-04-26 07:30:00 98

原创 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 79

原创理解 JavaScript 作用域

这里globalFunction有一个名为 innerFunction 的函数localFunction，它也是的局部函数globalFunction。另外，变量language是在外部声明的localFunction，但仍然可以访问它。因为，在 JavaScript 中，子级可以访问父级的属性/变量/方法。范围确定的是运行时在代码中可以访问变量、函数和对象的位置。这意味着变量的范围（可以访问变量的范围）由变量声明的位置控制。我们已经讨论过父范围。如果变量、函数、对象是在块内声明的，则称为局部作用域。

2024-04-25 09:15:00 77

原创了解 JavaScript 数据类型

在本文中，我们将深入研究 JavaScript 支持的各种数据类型，包括原始类型和非原始类型。了解原始数据类型和非原始数据类型之间的区别对于 JavaScript 中有效的数据操作和编程至关重要。与原始类型相比，非原始数据类型也称为引用数据类型，是更复杂的数据结构。它们是可变的，这意味着它们的值可以在创建后修改。对象：表示键值对的集合，其中每个键都是其对应值的唯一标识符。对象是可变的，可以包含各种数据类型，包括其他对象和数组。数组：表示元素的有序集合，可以是任何数据类型。它通常用于表示对象值的缺失。

2024-04-24 12:30:00 86

原创解码 JavaScript 变量：全面概述

变量是 JavaScript 中用于存储数据值的容器。它们就像带标签的盒子，您可以在整个代码中根据需要存储和检索信息。

2024-04-24 09:00:00 184

原创适合初学者的 JavaScript 异步编程

在了解什么是异步编程以及异步编程的需求是什么之前，我们需要了解同步和异步之间的基本区别，甚至在此之前我们需要了解当我们说 javascript 是单线程时意味着什么。

2024-04-23 12:00:00 511

原创 JavaScript 初学者的 Promise

在 JavaScript 中使用异步代码时，有时需要等待代码返回数据，然后再进一步处理数据。例如：读取文件需要一些时间，或者从服务器获取数据可能需要一些时间，并且由于这是异步任务，因此它会被委托。然而，在我们可以在代码中处理和执行任何进一步操作之前，我们需要这些数据。这就是 Promise 非常有帮助的地方。在引入 Promise 之前，管理异步操作是使用回调完成的。回调是作为参数传递给另一个函数的函数，并在异步操作完成后稍后执行。

2024-04-23 10:00:00 191

原创避免 JavaScript 代码中与提升相关的错误的 4 个习惯

另一方面，使用let和创建的变量const也会被提升到它们的作用域，但不会被初始化。用 var 声明的变量被提升到其作用域的顶部并用初始化undefined。通过在作用域的开头声明变量，您可以确保在整个作用域中都可以访问这些变量，从而避免因提升而引起的任何混乱。而且let和const只能在声明它们的块内访问。这消除了用 var 声明的变量出现提升问题的可能性。函数声明与其整个定义一起提升，这意味着您可以在代码中的声明之前调用函数。在严格模式下，使用未声明的变量会引发错误。

2024-04-22 10:30:00 395

原创自学成才的开发人员应该避免这些陷阱

我并不是说不要创建项目，我是说一旦你学习了像 flexbox 这样的 css 基础知识以及其他东西，你就会很好地继续学习 javascript，除非你想成为 css 大师，那么这是一个完全不同的情况。例如：我曾经说过Backend这很可怕而且很难，我可能会去尝试frontend，但是当我了解了后端的 Nodejs 和 Express 后，我意识到这只是我的拖延不让我探索后端。一旦你达到了该技能，你也可能会喜欢它，但是许多初学者甚至达不到这一点，因为他们会因为在自己的小泡沫中太舒服而拖延，或者干脆放弃。

2024-04-22 08:00:00 760

原创 Python 中的 pass 语句

在上面的示例中，我们对堆栈数据结构的外观进行了原型设计，包括它将包含的方法。pass 语句在使用函数和类时非常有用，因为它允许您定义函数或类的结构，而无需实际实现其功能。例如，如果您创建一个类并想要定义其方法，则可以使用pass类定义中的语句来最初定义方法的位置，而无需实际实现它们。在上面的例子中，我们有一个循环来打印从 0 到 9 的奇数，我们在块pass 内使用了语句if ，这样如果数字是偶数，则循环简单地“什么都不做”，而如果数字是奇数，则得到打印到控制台。请考虑以下带有 pass 语句的示例。

2024-04-21 09:30:00 94

原创如何在 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 112

原创 Python 中的异步/等待

协程就像常规函数一样，具有在特定点暂停和恢复执行的附加功能。这允许非阻塞行为，在出现延迟的情况下可以暂停协程的执行，或者在恢复执行之前故意允许其他代码运行。协程与生成器函数密切相关。事实上，在 Python 3.5 引入之前async ，await 生成器函数以一种特殊的方式使用来实现协程。async 在 python 3.5 及更高版本中，我们现在可以使用和两个关键字更方便、更原生地创建协程await。

2024-04-20 09:45:00 156

原创 Python 中的 if 语句

我们可以elif 根据需要拥有尽可能多的块，但是一个elif 块不能独立存在，需要有一个前面的if 块。我们else 在一个语句中只能有一个块if。正如我们之前所说，我们可以elif 根据需要拥有尽可能多的块，这允许我们将多个条件链接在一起，以便执行条件首先满足的块并终止检查。嵌套是指一个 if 语句出现在另一个 if 语句的主体内（位于其 3 个主要块中的任何一个中，即if, elif, else）。如果 if 语句中只有一个if 块，并且其主体由单个语句组成，则可以将单个语句放在同一行中，如下所示。

2024-04-20 07:00:00 85

原创 Python 中的生成器函数

每当return 遇到该语句时，该函数只是返回值并终止，而不保留有关其内部状态的任何信息，对该函数的任何后续调用都将重新开始并再次执行相同的代码。当我们对生成器执行后续调用时，我们可以使用该send()方法向生成器发送一个值。如上所示，当调用生成器函数时，它返回一个生成器对象，这是一个典型的迭代器。我们还可以将生成器与 for 循环一起使用，它会自动调用next()生成器上的函数，直到执行结束。当在生成器对象上调用时，该next() 函数使生成器从停止处继续执行，直到yield 到达下一条语句或执行完成。

2024-04-19 09:45:00 82

原创 Python 中的多线程

然而，在某些情况下，我们可能希望某些任务同时执行或在重叠的时间段内执行，多线程是我们可以快速有效地实现此目的的一种方法。然而，应该清楚的一件事是，在进程中的任何给定时间实际上只能执行单个线程。因此，实际上，多线程并不完全是同时的，而是通过线程之间快速切换来实现并发，切换速度之快，以至于人们可能会认为线程是并行执行的。可运行 - 在这种状态下，线程正在等待运行，它拥有所有必需的资源，只是调度程序尚未调度它运行。在我们深入研究线程和多线程的工作原理之前，您首先需要了解两个术语，即进程和线程。

2024-04-19 07:00:00 63

原创【无标题】

方法是与特定对象或类关联的函数。：这些方法与类的实例相关联，可以访问和修改实例中的数据。：这些方法与类而不是实例相关联。它们用于创建或修改类级别的属性或行为。：这些是无法访问任何对象级或类级数据的实用方法。了解这 3 种方法之间的差异对于确保您编写的类组织正确、高效、易于维护并且密切反映它们所建模的现实生活对象至关重要。以下示例显示了如何在类中定义这些方法中的每一个。我们稍后会讨论技术细节。

2024-04-18 09:30:00 51

原创 Python 中的设置方法

该remove()方法就像一样discard() ，如果元素是成员，则从集合中删除该元素。该方法接受任意数量的集合作为参数，并返回带有原始 set( ) 中不存在于输入集合中set 的元素的a。这意味着该方法返回一个新的集合对象，其中包含原始集合的所有元素，但如果对原始集合进行任何更改，则不会受到影响。该 symmetric_difference() 方法返回一个新集合，其中的元素属于任一集合，但不属于两个集合。如果元素存在，该 discard()方法会从该元素中删除该元素。

2024-04-18 07:00:00 58

原创 Python 函数作用域

当您在Python程序中使用名称（例如变量名函数名等）时，Python会在命名空间中创建、更改或查找该名称。命名空间是给定上下文中存在的名称的完整列表。命名空间有两种类型，和对象的范围决定了程序中可以访问它的位置，默认情况下，对象只能从它们出现的名称空间内访问。全局命名空间中的对象可以从程序中的任何位置访问，这是在模块或脚本的顶层声明的名称，即不在函数、类等内部声明的名称。另一方面，在诸如函数之类的块对于该块来说是本地的，并且只能在该块内访问。

2024-04-17 09:30:00 55

原创 Python 中的 *args 和 **kwargs

但是，我们必须确保函数定义中带有单星号( *args) 的参数始终位于双星号参数( ) 之前，否则会引发异常。例如，使用内置 print()函数，我们可以传入任意数量的参数，并且该函数将分别打印出每个参数。正如您在上面所看到的，该函数知道每个参数所属的位置，无论它是常规参数还是属于任意位置或关键字参数。对于位置参数，我们使用单个星号 (*) 后跟名称，而对于关键字参数，我们使用双星号 (**) 后跟参数名称。在下面的示例中，我们定义了 Great() 函数，以便它接受任意数量的位置参数，而不仅仅是三个。

2024-04-17 07:00:00 50

原创 Python 中的冒泡排序

冒泡排序是最基本的排序算法。它的简单性使其适合向计算机科学专业的学生介绍排序算法。然而，它的平均和最坏情况运行时间为，这使得它在排序中型到大型数据集时效率极低。O(n2)与其他排序算法相比，冒泡排序具有很大的局限性，因此不适合教育以外的实际环境。尽管有其局限性，但了解冒泡排序的操作对于您了解更高级的排序算法的工作原理至关重要。在下面的部分中，我们将了解冒泡排序算法的运行原理以及如何在 Python 中实现它。冒泡排序算法说明在冒泡排序算法中，对每对相邻元素进行比较，只有当它们不按顺序时才交换。

2024-04-16 09:30:00 360

原创 Python 中的选择排序

选择排序是一种简单的基于比较的排序算法。与其他排序算法相比，它的效率相对较低，因此不适合对大型数据集进行排序。然而，理解它的工作原理是理解更复杂的排序算法以及排序算法通常如何运行的基础步骤。该算法的平均和最差时间复杂度为O(n 2 ) ，其中 n是数组/列表中的元素数量。选择排序就地工作，这意味着它对原始列表中的元素重新排序，而不是创建新列表。这使得它具有内存效率。算法说明在选择排序中，数组/列表被分为两段；左侧是已排序的段，右侧是未排序的段。

2024-04-16 07:00:00 228

原创如何在Python中创建和使用Requirements.txt

设置 Python 项目后，创建一个requirements.txt文件对于简化任何克隆项目的依赖项的安装过程至关重要。此文件列出了运行项目所需的所有 Python 包。通过创建requirements.txt文件，您可以确保其他人可以轻松复制您的项目环境，从而保持不同系统之间的一致性和兼容性。在安装依赖项之前，请考虑创建一个虚拟环境以将您的项目与系统上的其他项目隔离。这可以防止冲突并确保您的项目有一个干净的环境。

2024-04-16 06:00:00 404

原创整洁代码：定义和原则

干净的代码是指组织良好、易于理解和可维护的代码，它允许开发人员超越原始编码人员，有效地理解和贡献。示例说明了专业程序员如何在代码开发的不同方面应用干净代码原则，使代码库可读、可维护和可扩展。保持代码更简洁：提供有意义的名称并使用空格以提高可读性。首选多态性：使用单独的方法来设置和获取配置进行简化。力求简单：使用清晰的函数名称并避免不必要的缩写。一个类应该只知道它的依赖关系。使用描述性变量名称：清楚地表达每个变量的用途。存储配置的数据：使用清晰的变量和方法名称。将配置的数据存储在易于访问和修改的部分。

2024-04-15 10:49:33 410

原创在 Python 应用程序中设置和使用 Pyenv

Pyenv 是 Python 应用程序中的一个流行选项。 Pyenv 允许您在应用程序和系统上管理不同版本的 Python。手动安装：下载pyenv：让我们编辑您的 bash 配置文件：在文档末尾添加以下行：创建虚拟环境：激活虚拟环境：停用虚拟环境：管理Python版本：Pyenv 允许您管理 python 版本，这是一个简单的教程，您可以在应用程序或输入系统中使用：

2024-04-15 09:00:00 334

原创在 Python 应用程序中设置和使用 Virtualenv

【代码】在 Python 应用程序中设置和使用 Virtualenv。

2024-04-15 06:00:00 537

原创在 Python 应用程序中设置和使用 Python Venv

已经安装在 MacOS 和 Windows 平台上，但需要安装在某些 Linux 发行版上，这里是不同包管理器的。

2024-04-14 08:45:00 138

原创 Python 应用程序中的虚拟环境

无论您使用什么堆栈，虚拟环境都是现代应用程序开发的重要组成部分。虚拟环境避免了与依赖性和版本不兼容相关的问题。在本指南中，我将向您展示在 Python 中使用虚拟环境的三种流行方法。

2024-04-14 06:00:00 52

原创掌握 Python：初学者和高级开发人员的最佳实践

Python 已成为现代软件开发的基石，为从 Web 应用程序到数据科学项目的一切提供支持。无论您是刚刚开始 Python 之旅，还是已经使用 Python 编码多年，坚持最佳实践对于编写干净、高效且可维护的代码至关重要。在本文中，我们将探讨初学者和高级开发人员都应该遵循的一些关键实践，以将他们的 Python 技能提升到一个新的水平。

2024-04-13 12:30:00 54

原创 Python 逻辑运算符

可以使用运算符对值和变量进行操作。这些独特的符号用于执行逻辑和算术运算。操作数是运算符运算的值。为了充分理解这个概念，我们将在这篇文章中回顾 Python 中逻辑运算符的定义，并看看在 Python 中使用逻辑运算符的几个应用程序。Python 条件语句（True 或 False）使用逻辑运算符。它们执行涉及 AND、OR 和 NOT 逻辑的运算。运算符“与”📌 描述：如果两个操作数都为 true，则返回 True。运算符“或”📌 描述：如果任一操作数为 true，则返回 True。

2024-04-13 10:00:00 289

原创 Java 与其他语言

当谈到编程语言时，Java是一种多功能且强大的选择。在本文中，我们将深入研究 Java 与其他流行语言（例如 Python、JavaScript 和 C++）之间的比较。让我们探讨一下它们的语法、性能特征和典型用例。

2024-04-12 11:45:00 69

原创左移和右移：Python 中的位运算符

上周在 X（Twitter）上浏览时，我遇到了以下测验：你认为正确的答案是什么？你知道这个>>标志意味着什么吗？该符号表示该语言将执行按位运算。但那到底是什么？如果您不熟悉此操作，请不要担心。当时看了推文的评论，大多数人都做出了回应True。根据他们的说法，要执行的操作将是“4大于2”。由于 280 个字符不足以涵盖我在解决此测验时想要解决的所有问题，因此我决定编写本文来介绍一个似乎鲜为人知的概念。位运算：左移和右移让我们从基础开始。

2024-04-12 06:30:00 400

原创组件的包装：页面

</h1>

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

SEO 检查器 - 9步完成SEO审核

全栈 JavaScript 注册和验证系统的最佳实践和安全保障

JavaScript 编程范式

React 简介以及如何启动项目

最大限度地提高生产力：如何有效地结束您的软件开发工作日

通过 GitHub Actions 最大限度地提高效率：软件工程师的高级策略

Ramas 和 Git 的命名策略

高效的 Git 工作流程：从想法到部署

提高效率的 11 个有用的 JavaScript 技巧.docx

如何在 JavaScript 中计算数字的平方.docx

如何在 JavaScript 中迭代表行.docx

在 React 中单击浏览器的后退按钮打开模态框（使用本机 JavaScript）.docx

如何在 HTML 中调用 JavaScript 函数而不使用 onclick.docx

代码中的和谐：浏览 JavaScript 中的函数式编程范式.docx

如何在 JavaScript 中创建空函数.docx

如何使用 JavaScript 创建 Div 网格.docx

基础知识：关于超文本传输​​协议的一切.docx

解锁 JavaScript 的魔力：Hello World 警报初学者指南.docx

8 个很棒的 JavaScript 字符串操作技术.docx

TypeScript 与 JavaScript - 详细比较.docx

CSS 圆角示例详细教程

开放式人工智能挑战赛，第 3 天：掌握代码生成.docx

第 5 天 — Azure 开放 AI 挑战：文档智能.docx

第 2 天 — Azure 开放 AI 挑战：图像生成.docx

第 1 天 — Azure 开放 AI 挑战.docx

第 4 天 — Azure 开放 AI：设置 Azure AI 搜索解决方案.docx

使用 Python 构建第一个 CNN 机器学习模型的完整指南

使用 Python 和 MediaPipe 进行 AI 面部、身体和手部姿势检测

使用 Python 和 TensorFlow 构建深度人脸检测模型

在线客服系统源码功能强大+附详细教程

在SEO中执行进行SWOT分析的10个步骤.docx

搜索引擎优化技术 简介、提示以及如何帮助增加流量和排名？.docx

黑帽 SEO – 定义、技术以及为什么要避免？.docx

电子商务网站的 7 个最佳 SEO 策略.docx

白帽SEO和灰帽SEO的区别.docx

白帽 SEO 和黑帽 SEO.docx

白帽 SEO 定义、技术和优点.docx

SEO预测定义、重要性、工具和优势.docx

SEO 中的引用 简介、类型、重要性以及如何优化引文.docx

什么是SEO SWOT分析.docx

空空如也

基础知识：关于超文本传输协议的一切.docx

搜索引擎优化技术简介、提示以及如何帮助增加流量和排名？.docx

SEO 中的引用简介、类型、重要性以及如何优化引文.docx