乐闻
TA的文章
Agent Skills 教程 01：frontend-design 前端设计技能
介绍 frontend-design Skill 的适用场景、核心能力、推荐工作流、提示词示例和落地注意事项，帮助开发者用 AI Agent 生成更接近产品级的前端界面。
基于NestJS 和 TypeORM 实现 CURD RESTful API接口
对于服务端项目而言，对外如何提供合格规范的HTTP接口，对内如何优雅的操作数据存储，比如mysql、mongodb。本文是NestJS服务端开发的基础入门教程，我会根据成熟的解决方案，给大家详细介绍如何基于NestJS实现开发RESTfulAPI，其中基于TypeORM操作mysql数据的增删改查。希望通过阅读完这篇文章后零基础的朋友也能够完成简单的服务端项目开发。准备工作1.安装依赖为了方便对m
NestJS 如何在装饰器中获取 Service 实例？
在现代Web开发中，NestJS以其模块化和可扩展性受到了广大开发者的青睐。装饰器作为NestJS核心特性之一，能够以简洁的语法增强应用的功能。然而，在实际开发中，我们常常需要在装饰器中访问服务实例，以实现更复杂的业务逻辑。那么，如何在NestJS装饰器中高效、安全地获取服务实例呢？本文将通过详细的步骤和示例，实现这一目标，以提升代码的可维护性和可扩展性。准备工作在深入探讨之前，确保你已经了解以下
如何使用 git stash 暂时缓存 git 工作区或暂存区的内容改动
在日复一日的代码开发过程中，我们经常会遇到这样的情境：你正在开发一个新功能，但是突然需要切换到另一个分支处理一个紧急bug。这个时候，你的代码又处于半成品状态，既不想提交一个半成品的commit，又不想丢失当前的工作进展。这时候，gitstash就是你的救星。今天，我们就来深入了解一下这个强大的Git工具。gitstash是什么gitstash命令可以将你的工作区和暂存区的改动“储藏”起来，让你
SSH详细教程：从连接原理到实战应用
一、什么是SSH？SSH（SecureShell）是一种网络协议，用于在不安全的网络环境中为远程登录和其他网络服务提供安全的加密通信。它通过加密技术保护数据传输的机密性和完整性，防止中间人攻击和密码嗅探。二、SSH与远程服务器连接的完整过程1.建立TCP连接首先，客户端通过TCP协议与远程服务器的SSH端口（默认22端口）建立基本的网络连接。这是连接建立的第一步，类似于其他网络服务的连接过程。2
TailwindCSS 如何画一条0.5px的线
在移动端项目，一般为了让线条看起来更细、更锐利，此时使用0.5px的线条是非常合适的。那么如何使用TailwindCSS画一条0.5px的线条呢？在实现这个需求的时候，首先去TailwindCSS官网查了一下border有没有对应的内置工具类，发现内置的线条最细的是1px；所以我们需要自定义配置TailwindCSS的space属性。下面将详细说明如何配置。两种配置实现方式一基于配置spaci
React Hook 的 useImperativeHandle 使用和实践
随着ReactHook的引入，React让函数组件拥有了和类组件相同的能力，而useImperativeHandle则是ReactHook中一个比较少见但在某些场景下非常有用的Hook。什么是useImperativeHandle?useImperativeHandle允许你在使用ref时自定义暴露给父组件的实例值。通常，父组件通过ref能够获取到子组件的DOM节点。然而，有时候你可能希望父组件可
React 内置 Hook 之 useRef 深度解析与使用案例
ReactHooks已经成为了现代React开发中不可或缺的一部分，今天我们来深入研究一个特别有用的Hook——useRef。在这篇文章中，我们将引导你了解useRef的运用，并通过一些实例穿插其中，让你对这个Hook有更深入的理解。什么是useRefuseRef 是React的一个内置Hook，它可以返回一个可改变的ref对象，非常适合用于管理不会触发组件渲染的变量。用官方的话来说，一
一篇文章学会如何使用 NestJS 的 管道Pipes 实现高效的数据转换和验证
如果你是一个正在学习NestJS的开发者，那么这篇文章将会为你展示如何通过管道来进行数据验证和转换，你会发现这是一个强大的工具，能够极大地提高你的开发效率。对于已经熟悉NestJS的开发者，本文的内容也会帮助你更好地理解和应用管道的概念。什么是NestJS的管道(Pipes)？NestJS管道(Pipes)是NestJS框架的一部分，它主要是用于处理和解析来自客户端的输入数据，然后将数据传递给请求
一篇文章学会如何使用 NestJS 的 Guards 守卫实现系统身份验证和授权
当我们基于NestJS框架构建和管理应用程序时，为了保障其安全性，我们常常需要对某些敏感操作或敏感信息的访问进行限制，这是我们需要使用到守卫的地方。它作为一种可以阻止未经授权的访问的机制，对我们的应用程序起到了守护的作用。在这篇文章中，我将深入剖析NestJS的守卫，以帮您全面了解这个概念。我会从解释其背后的工作机制开始，接着介绍使用守卫的各种场景，并以详细的示例来演示如何在NestJS项目中实现
如何在 NestJS 中集成 MongoDB 并实现数据的增删改查操作
在现代的Web应用程序开发中，无论是在数据存储、检索、还是数据流转的各个环节，数据库都扮演着极其重要的角色。MongoDB是一个基于分布式文件存储的开源数据库系统，以其高性能、高可用性和易扩展性著称。作为JavaScript社区最受欢迎的后端框架之一，NestJS提供了优雅的解决方案来与各种数据库进行交互，其中就包括了对MongoDB的支持。本教程将通过一个简单而通俗的实例，带你在NestJS
一条 MySQL 语句执行的详细流程
MySQL是我们日常开发中最常用的关系型数据库之一。你是否曾经好奇，当你在命令行或应用程序中输入一条SQL语句后，MySQL是如何处理这条语句并返回结果的呢？今天，我们就来一起探讨一下，一条MySQL语句执行的详细流程。1.客户端连接首先，我们需要通过客户端（例如，命令行界面、图形化管理工具或应用程序）连接到MySQL服务器。这个过程包括以下几个步骤：初始化连接：客户端发送连接请求给MySQL服务
前端如何利用单一职责原则（SRP）
前端如何利用单一职责原则（SRP）设计模式单一职责原则（SingleResponsibilityPrinciple，简称SRP）是面向对象设计五大原则（SOLID）之首。它指出，“一个类只应该有一个引起它变化的原因”。换言之，一个类应该只负责一项任务。这个原则同样适用于前端开发，让我们的应用更加模块化，易于维护和扩展。1.理解单一职责原则在前端开发中，我们将“类”这个概念扩展到了组件、模块、函数
一篇文章掌握 NestJS 所有的生命周期以及执行时机
NestJS是一个用于构建高效、可扩展的Node.js服务器端应用程序的框架，它使用TypeScript作为开发语言，也支持原生的JavaScript。在NestJS中，生命周期事件是一个重要的概念。在我们构建和管理应用程序时，有时需要在特定的阶段执行一些操作，例如在创建实例，添加或删除模块，突然终止程序时，对这些事件加以利用，可以使我们的应用程序更强大、灵活。在本文中，我将介绍NestJS的生命
深入理解与应用nanoid：JS如何生成定制化随机数
在前端开发中，我们时常需要生成一个全局唯一标识（GUID/UUID），或者是一个简短而随机的字符串作为ID，用于数据库主键、元素标记或是其他需要唯一性的场合。传统上，我们可能会选择使用Math.random()搭配其他方法来实现这一需求，但这并不是最佳选择，因为它既不够安全，也不保证唯一性。这时候，nanoid就成为了一个极佳的选择。什么是nanoid？nanoid是一个小巧、安全、URL友好的唯
通俗理解this指向问题以及实现call、apply、bind
电话面试的时候，面试官让我口述对this的理解，以及如何修改this的指向。本来是很常见也相对比较简单的问题，但是在口述如何手写call方法的时候，却回答的磕巴，感觉还是没有真正的理解本质，借这篇文章好好理一下思路在JavaScript中，this是一个特殊的关键字，用于指代当前执行上下文中的对象。它的指向问题是前端开发中经常遇到的一个难点。同时，[JavaScript]()中提供了call、
React 支持多语言国际化 -- i18next
随着互联网应用的全球化发展，多语言支持（国际化，Internationalization，简称i18n）成为现代前端开发中不可或缺的一部分。React作为主流的前端框架，如何优雅地实现多语言切换？本文将以i18next这个流行的国际化库为例，详细讲解如何在React项目中实现多语言支持。什么是i18next？i18next是一个功能强大且灵活的国际化框架，支持多种前端和后端环境。它提供了语言资源管
前端 UMD格式是如何工作的
在前端开发中，我们经常会遇到各种各样的模块格式，比如CommonJS、AMD和ES6模块。不同的模块格式在不同的环境下有不同的适用场景和优势。今天我们要聊的是一种可以兼容多种模块系统的格式——UMD（UniversalModuleDefinition，通用模块定义）。UMD格式的出现解决了不同模块系统之间的兼容性问题，让我们的代码能更好地复用。接下来，我们将通俗易懂地解释UMD格式是如何工作的。
Golang 如何获取当前运行文件的目录
Golang如何获取当前运行文件的目录？Golang的开发中，有时候我们需要获取当前正在运行的程序所在的目录路径，这对于读取相对路径下的配置文件或资源文件非常有用。本文将展示几种在Golang中获取当前运行文件目录的方法。方法一：使用os包Go语言的os包提供了很多与操作系统交互的功能，其中就包括了获取当前执行的程序的绝对路径。packagemainimport("fmt""os""path/f
Node 项目参数配置化，命令行参数
前言:对于工程化的Node项目，如果设置配置系统参数，可以改变项目的参数耦合性。本文记录三种参数配置的方法。一、env变量process.env参数变量配置添加npm依赖npminstallcross-env-D命令行参数设置'scripts':{'start':'cross-envNODE_ENV=devAPI=localostnodeapp.js'}读取process.env参数console
TA的教程专栏
Agent Skills 精选资源库
系统收集和整理当前流行的 Agent Skills，围绕技能定位、适用场景、安装使用、工作流设计、最佳实践和案例实践展开。后续将根据指定 skill 清单逐篇补充内容。
AI Agent 实战教程：从原理到工程落地
系统学习 AI Agent 的核心概念与工程实践，覆盖 Agent 架构、Tool Calling、RAG、Memory、多 Agent 协作、MCP、安全授权与真实任务助手案例。
TailwindCSS 使用指南
Tailwind CSS 是一个流行的 CSS 工具库，它提供了一系列预定义的 CSS 类，可以帮助您轻松地创建漂亮的用户界面。本教程将帮助您深入了解 Tailwind CSS 的高级功能和技术，以帮助您更好地利用这个强大的工具库。 在本教程中，您将学习到： 如何使用 Tailwind CSS 的主题和变量来自定义外观和样式； 如何在 Tailwind CSS 中配置和使用插件来扩展其功能； 如何在 Tailwind CSS 中使用 JS 钩子和样式函数来创建动态样式； 如何在 Tailwind CSS 中创建响应式布局和样式； 如何在 Tailwind CSS 中使用 PurgeCSS 来优化和精简 CSS。 本教程适合那些已经有一定 Tailwind CSS 开发经验，并想要深入了解其高级功能和技术的开发人员。无论您是初学者还是有一定经验的 Tailwind CSS 开发人员，本教程都将为您提供宝贵的学习资源和实践经验。 让我们开始您的 Tailwind CSS 进阶之旅吧！
Typeorm 使用指南
TypeORM 是一个流行的 TypeScript ORM（对象关系映射）库，它可以帮助您轻松地将 TypeScript 类映射到关系型数据库表。本教程将帮助您深入了解 TypeORM 的高级功能和技术，以帮助您更好地利用这个强大的库。 在本教程中，您将学习到： 如何使用 TypeORM 中的高级查询和过滤功能来查询和操作数据库； 如何使用 TypeORM 中的实体继承和关系映射来创建复杂的数据模型； 如何使用 TypeORM 中的迁移和数据填充来管理数据库模式和数据； 如何在 TypeORM 中使用存储过程和触发器来扩展数据库功能； 如何在 TypeORM 中使用多数据库和分布式事务来管理复杂的应用程序。 本教程适合那些已经有一定 TypeORM 开发经验，并想要深入了解其高级功能和技术的开发人员。无论您是初学者还是有一定经验的 TypeORM 开发人员，本教程都将为您提供宝贵的学习资源和实践经验。 让我们开始您的 TypeORM 进阶之旅吧！
如何打造属于自己的React组件库
随着组件化开发成为前端开发的主流，拥有一套定制化的React组件库变得极其重要。本系列教程将指导你如何设计、开发和维护一个React组件库，不仅满足项目需求，而且易于共享和复用。我们将从React组件的基础知识开始，逐步讲解如何构建可复用组件、如何管理组件状态和生命周期、以及如何通过Prop Types和TypeScript进行类型检查。此外，你还将学习到如何利用Storybook来展示组件、使用Jest和Enzyme进行单元测试，以及如何将你的组件库发布到npm。 通过本系列教程的学习，你将获得创建自己React组件库的全部技能，为你的开发工作带来前所未有的效率和乐趣。
Mongoose 使用指南
在本教程中，我们将逐步探索Mongoose——一个在Node.js环境下与MongoDB数据库协同工作的强大库。从基本概念的铺垫到实用技巧的深度剖析，本系列覆盖了Schema设计、数据类型定义、模型创建、查询优化、插件扩展等核心主题。你将学习如何利用Mongoose的Schema来定义数据结构，实现数据验证和类型转换，以及如何通过模型进行数据的增删改查操作。 此外，教程将深入Mongoose的高级特性，包括但不限于索引管理、聚合框架、事务处理和数据迁移。我们将通过丰富的示例和练习，教你如何运用Mongoose来处理复杂查询、关联数据以及性能调优。 随后，本系列教程将深入讨论更高级的特性，如中间件（pre和post hooks）、数据校验、虚拟属性和实例方法，以及如何使用聚合管道进行复杂查询。此外，我们将详细介绍如何处理关系型数据，在Mongoose中实现文档的嵌入和引用，以及如何优雅地处理这些关系。 为了将理论与实践相结合，每一部分内容都包含了逐步的代码示例和实战小项目，帮助你更好地理解和运用Mongoose的功能。我们还会讨论性能调优、错误处理和最佳实践，以确保你能够构建既健壮又高效的Node.js应用。
CSS 入门指南
CSS 是一种用于描述文档样式和布局的样式表语言，它是 Web 开发中不可或缺的一部分。本教程将帮助您从零开始学习 CSS，了解其基本概念和语法，并逐步深入学习其高级特性和实践技巧。 在本教程中，您将学习到： CSS 基础知识，如选择器、盒模型、布局等； CSS 颜色、字体、背景和边框等样式属性的使用； CSS 媒体查询和响应式设计的实现； CSS 动画和过渡的实现技巧； CSS 预处理器，如 Sass、Less 的使用； CSS 框架，如 Bootstrap、Tailwind CSS 的使用。 本教程适合那些想要从零开始学习 CSS 的初学者。无论您是 Web 开发新手还是有一定经验的开发人员，本教程都将为您提供宝贵的学习资源和实践经验。 让我们开始您的 CSS 入门之旅吧！
React 入门宝典
React 是一个流行的 JavaScript 库，用于构建大规模、高性能的 Web 应用程序。本教程将帮助您从 React 的基础知识入门开始，逐步深入掌握 React 的高级概念和技术，以成为一名优秀的 React 开发人员。 在本教程中，您将学习到： React 的基础概念和核心原则，如组件、Props、State、生命周期等； 如何使用 JSX 语法编写 React 组件和模板； 如何使用 React 的事件处理、表单处理、样式管理等功能； 如何使用 React Router 实现单页应用程序； 如何使用 Redux 进行状态管理和数据流控制； 如何使用 React 的高级技术，如 Hooks、Context、Portal 等。 本教程适合那些已经有一定 JavaScript 编程经验，并希望进一步学习 React 技术的开发人员。无论您是初学者还是有一定经验的 React 开发人员，本教程都将为您提供宝贵的学习资源和实践经验。 让我们开始您的 React 之旅吧！
Web项目国际化通关手册
React 国际化是指将应用程序适配到不同的语言和地区的过程。在全球化时代，为您的应用程序提供多语言支持将为您的用户提供更好的用户体验，并帮助您扩大全球市场。本教程将帮助您学习如何在 React 应用程序中实现国际化。 在本教程中，您将学习到： React 国际化的基本概念和原则； 如何使用 React Intl 库来实现国际化； 如何在 React 中处理多语言文本、日期、时间和货币等； 如何在 React 中实现动态文本替换； 如何在 React 中切换不同的语言版本； 如何测试和调试国际化应用程序。 本教程适合那些已经有一定 React 开发经验，并想要扩展其应用程序的全球化能力的开发人员。通过本教程，您将学习如何使用 React Intl 库和其他现有工具来实现国际化，从而为您的应用程序提供更广泛的用户群和更好的用户体验。 让我们开始您的 React 国际化之旅吧！
Nodejs 学习指南
这是一套全面的Node.js学习指南，覆盖了从基础知识到高级应用的全部必备技能。本教程系列将带领你进入Node.js的世界，一个强大而灵活的JavaScript运行时环境，它让JavaScript不仅仅能在浏览器中运行。你将了解到如何设置Node.js环境、利用npm管理包，以及如何构建第一个应用程序。随着课程的深入，我们会探讨异步编程模型、中间件、RESTful API设计、数据库集成、安全性、测试以及性能优化等进阶主题。 无论你是初学者还是有志于成为全栈开发者，本教程都将为你提供一个扎实的Node.js学习基础和实践路径。
TA的问题
TA的面试题
- APT、DNF/YUM 和 Pacman 常见操作有哪些？Linux 下装软件，最怕的不是命令记不住，而是把不同发行版的包管理器混着用：Ubuntu 上找 `yum`，Arch 上只跑 `pacman -Sy`，RHEL 新版本里还在把 `yum` 当主角。结果轻则装不上包，重则依赖版本被搞乱。 这篇按日常运维最常见的场景整理 APT、DNF/YUM、Pacman 的用法：安装、升级、删除、查询、仓库管理、PPA/EPEL/AUR，以及遇到锁、依赖损坏、数据库异常时怎么处理。 ## 先分清它们分别用在哪些系统 | 包管理工具 | 常见发行版 | 底层包格式 | 说明 | |---|---|---|---| | APT | Debian、U...
- Linux 系统日志怎么查看、分析与轮转？## Linux 日志通常放在哪里？ Linux 排查问题，第一步往往不是重启服务，而是看日志。不同发行版路径略有差异，但大多数传统日志都在 `/var/log` 下。 常见路径：Debian/Ubuntu 系统综合日志是 `/var/log/syslog`，认证日志是 `/var/log/auth.log`；RHEL/CentOS/Rocky 常见 `/var/log/messages` 和 `/var/log/secure`。Web 服务日志常见 `/var/log/nginx/`、`/var/log/apache2/` 或 `/var/log/httpd/`。 很多新系统同时...
- Linux cron 时间格式怎么写？常用命令和最佳实践有哪些？## cron 是什么，适合解决什么问题？ cron 是 Linux/Unix 系统里最常见的定时任务工具，适合做周期性、可重复、对秒级精度要求不高的任务，比如清理日志、备份文件、同步数据、定时拉取接口、跑统计脚本。 它的特点是简单、稳定、系统内置；缺点是默认环境变量很少、日志不集中、任务错过后通常不会自动补跑。所以写 cron 任务时，不只要会写时间表达式，还要处理路径、日志、锁、时区和失败通知。 ## cron 时间格式怎么写？ 普通用户的 crontab 通常是 5 个时间字段加一条命令： ```bash * * * * * command # 分 时 日 月 周 命令 ...
- KVM、Docker、Kubernetes 有什么区别？适合哪些使用场景？KVM 是 Linux 上的全虚拟化方案，Docker 是容器运行与镜像分发方案，Kubernetes 严格来说不是虚拟化技术，而是容器编排平台。三者常被放在一起比较，是因为它们都能解决“如何把应用隔离、部署和迁移”的问题，但隔离层级完全不同：KVM 隔离到操作系统内核，Docker 容器共享宿主机内核，Kubernetes 负责把大量容器调度到多台机器上运行。 ## KVM 适合什么场景？ KVM 把 Linux 内核变成 Hypervisor，通过 CPU 的 VT-x、AMD-V 等硬件虚拟化能力运行完整虚拟机。每个虚拟机都有自己的内核、磁盘、网卡和系统环境，隔离性强，适合多租...
- Linux 内核参数调优常用网络内存参数有哪些？## Linux 内核参数调优先看什么？ Linux 内核参数调优常见入口是 `sysctl`，参数主要分布在网络、内存、文件系统、进程资源和安全几个方向。它不是把网上的配置复制一遍就完事，而是要结合业务负载、机器规格、连接量、磁盘类型和监控数据逐项验证。 最稳妥的做法是：先记录当前值，再小步修改，观察指标，最后写入 `/etc/sysctl.d/*.conf` 持久化。 ```bash sysctl net.core.somaxconn sysctl -w net.core.somaxconn=4096 sysctl -a | grep tcp ``` 持久化示例： ```b...
- Linux ulimit 如何配置资源限制并排查常见问题？Linux 里的 `ulimit` 用来限制一个 shell 以及它启动的子进程能使用多少系统资源。它最常见的用途，是防止某个程序打开太多文件、创建太多进程、占用过多栈空间，或者在崩溃时不生成 core 文件。 不过 `ulimit` 容易被误解：你在命令行里执行 `ulimit -n 65535`，只影响当前 shell 和它后面启动的进程；已经运行的服务不会自动改变；由 systemd 管理的服务，也不会因为你改了 `/etc/security/limits.conf` 就一定生效。 ## ulimit 到底限制什么？ `ulimit` 本质上是 shell 内置命令，用来查看...
- Tailwind CSS 是什么？它和传统 CSS 框架有什么区别？如果你第一次看到 Tailwind CSS 写出来的 HTML，大概率会愣一下：一个按钮上怎么塞了这么多 class？ ```html <button class="rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700">保存</button> ``` 这就是 Tailwind CSS 的核心思路：不先写一个 `.btn-primary`，而是直接用一组小颗粒度的工具类把样式拼出来。它不是 Bootstrap 那种“拿来就有按钮、卡片、导航栏”的组件框架，而是一套 utili...
- tailwind.config.js 常用配置项有哪些？v3/v4 怎么选？在 Tailwind CSS v3 项目里，`tailwind.config.js` 通常用来控制三件事：扫描哪些源码、设计系统怎么定义、哪些框架行为需要调整。常见配置项包括 `content`、`theme`、`extend`、`plugins`、`presets`、`darkMode`、`corePlugins`、`important`、`prefix`、`separator` 和 `safelist`。 到了 Tailwind CSS v4，官方更推荐 CSS-first 配置，很多主题值、扫描路径和工具类扩展会写在 CSS 里，例如 `@theme`、`@source`、`@u...
- Tailwind CSS 响应式断点怎么用？常用类有哪些？Tailwind CSS 做响应式设计，核心不是写很多媒体查询，而是在工具类前面加断点前缀。无前缀的类先作为移动端默认样式，`md:`、`lg:` 这类前缀再从指定宽度开始覆盖它。 一句话记法：**默认写手机样式，屏幕变大后再逐步加前缀调整布局、字号、间距、显示隐藏和宽度。** ## Tailwind CSS 默认断点有哪些？ Tailwind CSS 默认断点是移动优先的 `min-width` 断点：`sm` 640px，`md` 768px，`lg` 1024px，`xl` 1280px，`2xl` 1536px。 ```html <div class="text-sm m...
- Tailwind CSS 深色模式怎么实现，常用 dark 类有哪些？Tailwind CSS 做深色模式，核心不是写两套 CSS，而是选好触发方式，然后在需要变化的地方加 `dark:` 变体。常见写法大概分两类：跟随系统的 `media`，以及由页面上的 `.dark` 或自定义选择器控制的 `class/selector`。前者省事，后者更适合带主题切换按钮的产品。 ## 先选深色模式触发方式 `media` 使用浏览器的 `prefers-color-scheme`，用户系统是深色，页面就走深色样式。 ```js export default { darkMode: 'media' } ``` 适合页面不需要主题切换按钮、希望完全尊重系统设...
- 获得 0 次点赞
- 内容获得 0 次评论
- 获得 0 次收藏