乐闻个人主页 - 乐闻世界

乐闻

TA的文章

Mongoose 如何实现模糊查询（Like Query）

Mongoose为Node.js提供了一种更好的方式来构建查询和操作数据。在SQL数据库中，模糊查询通常是通过LIKE语法实现的，而在MongoDB中，我们可以使用正则表达式来达到类似的效果。在本文中，将介绍如何在Mongoose中实现模糊查询。Mongoose模型设置首先，我们要定义一个Mongoose模型。假设我们有一个用户模型，其中包含一个名为username的字段。constmongoo

华为算法面试题 - 机试

进制转换进制转换__牛客网两数之和两数之和__牛客网明明的随机数明明的随机数__牛客网字符个数统计字符个数统计__牛客网NC68跳台阶跳台阶__牛客网坐标移动坐标移动__牛客网密码验证合格程序密码验证合格程序__牛客网删除字符串中出现次数最少的字符删除字符串中出现次数最少的字符__牛客网整数与IP地址间的转换整数与IP地址间的转换__牛客网输入整型数组和排序标识，对其元素按照升序或降序进行排序输入

基于 React 实现将HTML页面内容转化成图片,并支持下载

在Web开发中，有时我们希望将网页内容或某个特定的区域转换成图片格式，以便用户可以下载。比如，这在生成报表截图、分享社交媒体帖子等场景下非常有用。在本教程中，将引导您如何使用这两个库来捕获网页内容，并让用户可以将其作为图片下载。使用html2canvas一、安装依赖通过npm或yarn安装html2canvas：npminstallhtml2canvas#或者yarnaddhtml2canvas实

TailwindCSS 如何设置全局字体以及给特定元素设置字体

TailwindCSS是一个功能类优先的CSS框架，它允许开发者通过组合不同的工具类来快速构建自定义的用户界面。设置全局字体及给特定元素设置字体是前端开发中的常见需求，TailwindCSS为这一需求提供了简单有效的解决方案。接下来，我们将一步步地探讨如何在TailwindCSS中实现字体设置。字体文件引入一旦选择了字体，你需要将它们添加到你的项目中。这里有两种常见的方法：使用在线字体服务或自托管

PNPM Workspace - 如何高效优雅的管理 Monorepo 项目

在现代的软件开发中，Monorepo（单仓库）模式越来越受到青睐。Monorepo允许你将多个项目置于同一个版本控制系统中管理，简化了很多项目间依赖和协调的工作。然而，Monorepo管理也并非易事，尤其是当涉及到JavaScript生态系统中的依赖管理时。本文将介绍如何使用PNPM来优雅地管理Monorepo，确保依赖清晰、高效和简洁。PNPM简介PNPM是一个快速、节省磁盘空间的包管理工具

探索Opossum: 在NestJS中实现断路器模式Circuit Breaker

在构建微服务或分布式系统时，服务间通信的可靠性至关重要。然而，在网络请求中，由于多种原因，调用服务可能会失败或响应时间过长。为了防止这种情况引起的连锁反应，可能会导致整个系统瘫痪，我们可以使用断路器模式（CircuitBreakerpattern）来提高系统的弹性。什么是断路器模式断路器模式是一种自动化的保护机制，能够防止一连串的失败引发更广泛的系统问题。想象一个电路断路器：当系统检测到一定数量的

AI Agent 实战教程 19：部署、限流与成本优化

理解 AI Agent 上线后的部署形态、限流策略、并发控制、模型成本、缓存和降级方案。

如何在 NestJS 中集成 Redis 并基于 Redis 实现接口访问限频率

在处理高频数据操作和大规模并发请求的场合，我们需要一种机制能够快速读取和缓存数据，这时Redis就闪亮登场了。Redis是一个开源的内存中数据结构存储系统，它可以用作数据库、缓存和消息中间件。NestJS是一个灵活且模块化的Node.js框架，它借鉴了Angular的设计哲学，提出了控制器、提供者和模块的概念，这为我们集成和使用Redis提供了便利。本文介绍如何在NestJS框架中集成Redis，

React 内置 Hook 之 useCallback 深度解析与使用案例

ReactHooks引入了一种全新的方式来处理state和其他React特性，让我们可以以更加声明式的风格去编写代码，从而使代码更加易读和可维护。其中，useCallback是一个常被提及但可能被大家误解或未能充分利用的hook。useCallback为我们提供了避免不必要渲染以及记住函数实例的能力，从而在性能优化上给我们开发者带来了新的手段。什么是useCallback简单来说，useCallb

提效神器：使用NRM切换和管理众多的NPM registry 源

在我们开始探讨如何使用nrm之前，让我们首先来解释一下npm和nrm是什么，以及为什么开发者需要使用这样的工具。npm(nodepackagemanager)是一个Node.js包管理器，可以用于安装、共享和分发代码，管理项目的依赖关系等。npm有一些默认的注册源，比如npm官方源和淘宝npm镜像等，但是使用的时候可能会遇到各种问题，比如，官方源经常会出现无响应问题，而淘宝npm镜像虽然很好，

Git 如何撤销或者还原最近的提交记录

在日常开发过程中，使用Git进行版本控制是一项常规操作，有时候我们可能会意外地提交了一些不应该提交的文件，或者提交信息写错了，Git提供了多种方式让我们可以轻松撤销这些提交。一、撤销最后一次的提交如果你想要撤销最后一次的提交，并且希望撤销后重新编辑代码与提交信息，可以使用gitreset命令。gitreset--softHEAD^使用--soft参数将会撤销最后一次提交，但是保留更改的内容在工作目

Agent Skills 教程 02：remotion-best-practices 视频生成实践

介绍 remotion-best-practices Skill 的功能、安装方式、使用方法、Remotion 视频工程实践、常见误区和与其他 Skill 的配合方式。

Agent Skills 教程 01：frontend-design 前端设计技能

介绍 frontend-design Skill 的适用场景、核心能力、推荐工作流、提示词示例和落地注意事项，帮助开发者用 AI Agent 生成更接近产品级的前端界面。

在Cypress 中如何 Mock 自定义请求数据

在现代的前端开发中，端到端的测试成为了保证应用质量的关键部分。Cypress是一个强大的端到端测试框架，它允许我们模拟后端API的请求和响应数据，以便我们能在开发过程中测试前端功能，即使后端尚未完全实现。这篇文章将会教你如何在Cypress中模拟请求数据。Mock请求数据的静态方式Cypress提供了.intercept()方法，它允许我们拦截应用中的HTTP请求，并根据需要修改请求或响应。以下是

在Cypress中如何设置不同分辨率以模拟不同设备

在当今的前端开发中，确保您的网站或应用在不同设备和分辨率上能够无缝工作是至关重要的。Cypress在自动化测试时可以模拟不同设备和分辨率。本教程将指导您如何在Cypress中设置不同的分辨率来模拟多种设备，以确保您的前端界面可以适应各种屏幕尺寸。实现方式设置固定分辨率要在Cypress中设置特定的分辨率，你可以使用cy.viewport()命令。viewport可以接受两个参数：宽度和高度，你可以

使用 SCP 将本地文件上传到 Linux 服务器，进行安全的远程文件传输

在管理Linux系统时，我们经常需要在本地和远程主机之间传输文件。一个常用的工具就是SecureCopy，简称SCP。SCP是一个强大的命令行工具，使用SSH协议进行加密传输，确保了在不安全的网络环境中数据的安全。为什使用SCP是否曾经遇到需要将本地的配置文件或数据安全地发送到位于全球不同地点的远程服务器上的情况？或者从那个远程服务器获取你需要的数据。这时，scp就可以发挥它的优势。SCP主要

Golang 中如何生成固定长度的随机字符串

生成随机字符串在许多编程情景中都非常有用，比如创建密码、唯一标识符或者用于测试的随机数据。Golang生成一个固定长度的随机字符串是一个相对简单的任务，但需要注意一些关于随机性和安全性的细节。本文将详细介绍如何在Golang中生成一个固定长度的随机字符串。实现步骤一、引入依赖包首先，我们需要引入Go的两个包：math/rand用于生成随机数，time用于提供一个随机种子。import("mat

如何配置 Nginx 中 location 路径匹配

在我们的日常前端开发中，无论是处理静态资源的加载，还是进行反向代理的配置，Nginx都是我们的得力助手。Nginx中的location块，是配置url规则的关键。本文将详细介绍Nginx中location的路径匹配规则。什么是location在Nginx配置文件中，location是一个非常重要的指令，它用于定义如何处理特定的请求或者路径。location块可以根据URL的不同后缀，指向不同的处理

AI Agent 实战教程 01：什么是 AI Agent

理解 AI Agent 与 Chatbot、普通 LLM 应用的区别，掌握目标、工具、记忆、规划和执行这些核心概念。

AI Agent 实战教程 09：安全、授权与沙箱

从授权、沙箱、人工确认、审计日志和最小权限原则理解 Agent 安全设计。

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的面试题

个人成就

获得 0 次点赞
内容获得 0 次评论
获得 0 次收藏