凉生阿新-优快云博客

原创【React】基于 React+Tailwind 的 EmojiPicker 选择器组件

React 写一个 EmojiPicker 组件，基于 emoji-mart 组件二次封装。支持添加自定义背景、Emoji 图标选择！并在页面上展示！

2025-03-28 17:17:24 372

原创【React】React + Tailwind CSS 快速入门指南

Tailwind CSS 是一个功能强大实用优先的 CSS 原子性的库，可以帮助你快速构建现代化的用户界面。它支持的种类框架也非常的多！例如： Vite 、Next.js 等....

2025-03-09 11:10:07 595

原创【CSS】Tailwind CSS 与传统 CSS：设计理念与使用场景对比

Tailwind CSS 和传统 CSS 在开发方式、设计理念和使用场景上有显著的区别。以下是两者的主要对比!

2025-03-07 15:04:54 1154

原创【CSS】clsx + tailwind-merge 轻松解决动态类名与样式冲突！

实用的工具函数 cn，用于在 React 或前端项目中动态合并 CSS 类名、解决样式冲突，特别是结合了 clsx 和 tailwind-merge 的功能。它非常适合在使用 Tailwind CSS 时处理复杂的类名逻辑。

2025-03-06 19:04:30 454

原创【CSS 】Class Variance Authority CSS 类名管理工具库

Class Variance Authority (CVA) 是一个用于管理 CSS 类名的工具库，特别适合在 React 或 Vue 等前端框架中使用。它可以帮助你更轻松地处理组件的样式变体（Variants），比如按钮的不同状态（primary、secondary、disabled 等）。

2025-03-06 16:23:56 1024

原创【Vue.js 3.0】provide 、inject 函数详解

在 Vue 3 中，provide 和 inject 是用于跨组件层次结构进行依赖注入的一对 API。这些 API 主要用于祖先组件和后代组件之间的数据传递，尤其是当这些组件之间没有直接的父子关系时。

2024-12-17 18:24:01 1627

原创【Nexus】Sonatype Nexus Repository 搭建过程记录

Sonatype Nexus Repository（通常简称为 Nexus ）是一个由 Sonatype 开发的仓库管理工具，它被广泛用于管理和托管各种软件构件，如 Maven 构件、Docker 镜像等。

2024-11-12 17:57:54 692

原创【Nginx】前端项目开启 Gzip 压缩大幅提高页面加载速度

Gzip 是一种文件压缩算法，减少文件大小，节省带宽从而提减少网络传输时间，网站会更快更丝滑。

2024-11-04 17:39:05 747 2

原创【Docker】Dockerfile 用于组装镜像的指令都有啥？

Dockerfile 是一个文本文件，其中包含了一系列的指令和参数，用于组装镜像。Dockerfile 支持多种指令，以下是主要的 Dockerfile 指令及其解释。

2024-10-24 15:31:44 599

原创【Git 】Windows 系统下 Git 文件名大小写不敏感

在使用 Git 进行版本控制时，如果希望忽略文件名大小写差异（即在不同操作系统之间，如 Windows 和 Linux 之间，文件名大小写可能被视为不同），你需要采取一些措施来确保 Git 正确处理这些差异。

2024-10-23 14:40:42 743

原创【Vue.js 3.0】Vue.js 中使用 Component 动态组件

以下是一个使用 Vue 3 和 Composition API 的例子，展示了如何动态地切换组件！

2024-10-16 15:36:49 601

原创【Helm】什么是Helm？它的基础命令有都有啥？

Helm 是 Kubernetes 的包管理器，主要用于管理 Chart 包。Chart包中包含一系列 yaml 格式的 Kubernetes 资源定义文件以及资源的配置。Helm 通过命令行工具，支持 Kubernetes 应用 Chart 的创建、打包、发布和管理。

2024-10-09 16:58:21 595

原创【Nvm】解决问题: Could not retrieve https://nodejs.org/dist/index.json.

可能是远程连接被关闭的问题，这是由于国内网络限制导致的，但是用了梯子也不好用！可以更换淘宝镜像的地址，进行使用！）的 HTTPS 证书正式到期吧！, 就发现可以使用了！可能是淘宝原镜像域名（提示超时、检索失败！想要继续使用，需要将。不要写以下这两句!

2024-08-29 11:28:57 882 1

原创【GIT】说一说 Git 的常见命令和实践

Git 是一个非常强大的版本控制系统，用于跟踪和管理代码更改。下面是一些 Git 的基础命令，这些命令对于日常使用 Git 进行版本控制非常关键!

2024-08-26 15:24:56 414

原创【Node】为什么需要 cross-env ？

cross-env 是一个流行的 npm 包，用于在跨平台（如 Windows、Linux 和 macOS）环境中设置和使用环境变量。它允许你以一致的方式在 npm 脚本中设置环境变量，而不需要担心不同操作系统之间的命令行差异。

2024-08-19 21:36:26 643

原创【Ant Design】解决使用日期时间类组件中文汉化无效

antd 解决使用日期时间类组件中文（汉化）部分为生效，不同版本可能依赖的时间库也是不一样的，具体的配置还需要参照官网文档。

2024-07-24 10:52:18 1156 1

原创【Git 】规范 Git 提交信息的工具 Commitizen

Commitizen是一个用于规范Git提交信息的工具，它旨在帮助开发者生成符合一定规范和风格的提交信息，从而提高代码维护的效率，便于追踪和定位问题。以下是对Commitizen的详细介绍。

2024-07-05 14:44:08 1274

原创【Docker】Docker 配置镜像加速

Docker配置镜像加速或配置源加速，主要是为了加快Docker镜像的拉取速度，特别是在网络环境较差或需要频繁拉取镜像的情况下

2024-06-13 14:47:02 8082

原创【Kubernetes】k8s中，Deployment、Service（svc）和 Pod 之间的关系

在Kubernetes（k8s）中，Deployment、Service（svc）和Pod之间的关系是构建、管理和访问容器化应用程序的核心组件。这些组件协同工作，共同构成了Kubernetes中容器化应用程序的部署、管理和访问体系。

2024-06-07 18:38:56 1208

原创【JavaScript】Js 的 btoa 和 atob 全局函数

在 JavaScript 中，btoa 和 atob 是两个处理 Base64 编码的全局函数，它们通常用于在浏览器环境中对二进制数据进行编码和解码。

2024-06-03 18:16:04 4468 1

原创【Linux】如何在 Linux 系统中使用 envsubst 来处理 Nginx 配置模板

如何在 Linux 系统中使用 envsubst 来处理 Nginx 配置模板

2024-05-24 16:22:30 1203

原创【React】打包扫描出现高风险文件 YUI 版本太低 JSEncrypt

漏洞的原因是 YUI 2.9.0 版本存在安全漏洞, 安全软件扫描的依据是注释中包含 yui 的版本号

2024-05-15 18:18:07 1510 1

原创【Linux】Linux 中的文件系统

不同于Windows系统有盘符的概念(C盘、D盘等)，Linux里只有一个盘符，是从 " / " 开始的，只有它是没有上级目录的。如果把整个应用目录系统看成一个树形结构，" / " 表示相当于这个树形结构的根，我们可以将 " / " 称之为根目录。在根目录里，有以下几个一级文件夹或文件，需要大家有所了解。

2024-04-29 14:46:03 224

原创【Linux】编写一个 shell 脚本&执行

在Linux中编写和执行脚本相对简单。下面是一个基本的步骤指南，帮助你创建一个简单的bash脚本并运行它

2024-04-08 11:46:43 19357 1

原创【Vue.js 3.0】NProgress 进度条

在 Vue 3 中使用 NProgress，你需要先安装 NProgress，然后在你的 Vue 应用中引入它，并在适当的生命周期钩子或路由守卫中调用它的方法。以下是一个简单的例子来展示如何在 Vue 3 应用中集成 NProgress。

2024-04-03 17:41:33 885

原创【Vue.js 3.0】递归组件实现思路

创建的一个组件，这个组件在其模板内部会递归地调用自己，从而实现无限嵌套或树形结构的渲染。

2024-03-27 22:33:39 620

原创【Linux】文件属性信息、文件&目录权限修改

在 Linux 中，ls 命令用于列出目录内容，并提供了许多参数以定制输出和显示不同类型的信息。

2024-03-20 17:12:31 1214

原创【Linux】cURL 与 wget 你应该选用哪一个

curl和wget在基本的文件下载功能上很相似，但curl提供了更多的功能和灵活性，特别是在处理复杂的HTTP请求和交互时。而wget则更专注于文件的下载，并提供了如递归下载等特定于文件下载的功能。

2024-03-20 11:51:34 1148

原创【Linux】cat & vim 命令存在着什么区别？

在实际使用中，当你需要快速查看文件内容时，可能会选择使用cat。而当你需要编辑文件时，vim（或其他文本编辑器如nano、emacs等）则是更好的选择。

2024-03-18 13:25:07 2075

队头阻塞（Head-of-Line Blocking）是计算机网络中的一个概念，特别是在处理HTTP请求时。当多个HTTP请求被发送到一个服务器，并且这些请求被放置在一个队列中等待处理时，如果队列中的第一个请求（队头）由于某种原因（如处理时间长、等待资源等）被阻塞或延迟，那么队列中后面的所有请求都必须等待，即使它们可能不需要等待或可以被更快地处理。这种情况就被称为队头阻塞。队头阻塞会导致网络性能和响应时间的降低，因为即使后续请求可以更快地被处理，它们也必须等待队头请求完成。HTTP/2多路复用。

2024-03-18 10:35:04 669