乐闻个人主页 - 乐闻世界

乐闻

主页文章专栏面试题问题

TA的文章

AI Agent 实战教程 15：构建可控的 Memory 系统

从记忆写入、检索、压缩、过期、用户可见性和隐私删除角度，构建可控的 Agent Memory 系统。

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

我们都知道React从16.8版本开始引入了Hooks特性，这对于函数式组件来说是一次质的飞跃。它使得我们可以在不必写成class形式的情况下，使用state和其他特性，使代码更简洁，易读和易于测试。在所有的Hooks中，useState 可谓是基础而且非常关键的一个。我们可通过它在功能组件中声明和操作state，这对于传统只能在class组件中操作state的思维是一次重大改变。这次，

TailwindCSS 支持文本文字超长溢出截断、文字文本省略号

文本文字超长截断并自动补充省略号，这是前端日常开发工作中常用的样式设置能力，文字超长截断主要分为单行超长截断和多行超长截断。本文通过介绍基本CSS样式、tailwindcss类设置两种基础方式来实现文字超长截断。TailwindCSS设置单行文字超长截断tailwindcss多个基础类组装<divclass="overflow-ellipsisoverflow-hiddenwhitesp

探索 @nestjs/cqrs：在 NestJS 中实现命令查询责任分离模式CQRS

在构建大型和复杂的Web应用时，维护清晰的代码结构和高效的操作是至关重要的。NestJS作为一个现代的Node.js框架，提供了多种方式来帮助开发者编写结构化和可维护的代码。其中，@nestjs/cqrs模块就是一种强大的机制，它通过实现命令查询责任分离（CQRS）模式，使得代码更加模块化，业务逻辑更清晰，同时还带来了性能和安全性的提升。在本文中，我们将详细探讨CQRS模式的好处，并通过一个创建博

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

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

React Hooks 的 useContext 使用和实践

在React中，状态管理一直是一个非常重要的话题，React的HookAPI自从16.8版本起就为函数组件提供了状态管理和副作用等能力。其中useContext是一个非常强大的Hook，它可以让你在组件树中直接共享状态，而无需手动地传递props。什么是Context？在深入useContext之前，我们需要理解什么是Context。在React应用中，数据是通过props从上至下（从父到子）传递

一篇文章学会 NestJS 中间件的使用，让你的应用更灵活和可扩展

当我们基于NestJS框架构建和管理应用程序时，常常需要在特定的阶段执行一些额外的操作，例如在接收请求时进行身份验证，或在发送响应之前添加一些自定义的HTTP头。这就是我们需要理解和使用NestJS中间件的原因——它就像一道门，所有的请求必须要过这道门，而我们可以在门上挂上各种“魔法”，使得我们的应用程序更强大、更容易管理。什么是NestJS中间件NestJS中间件实际上就是一个函数，这个函数可以

pnpm 如何切换不同的版本

在JavaScript项目开发时，我们可能会遇到需要在不同版本的包管理器之间切换的情况，无论是因为项目要求，还是个人喜好，这都是一个非常实用的技能。pnpm是一种高效的包管理工具，它通过硬链接和去重的方式来优化存储空间和加快安装速度。但是，随着时间的推移，你可能需要切换pnpm的版本以兼容不同的项目。本文将介绍如何实现版本的切换。实现方式一、安装pnpm版本管理器首先，你需要安装一个能够管理pnp

AI Agent 实战教程 10：构建任务管理助手

用任务管理助手案例串联目标理解、工具调用、状态管理、权限确认和结果验证。

前端如何利用发布订阅模式

前端如何利用发布-订阅模式发布-订阅模式（Pub/Sub）是一种广泛使用的设计模式，在前端开发中，它可以帮助我们管理复杂的事件逻辑，实现不同组件之间的松耦合通信。今天，我们将通过一个简单的例子来探索如何在前端项目中利用发布-订阅模式。发布-订阅模式简介发布-订阅模式允许对象（发布者）将消息发送给其他对象（订阅者），而无需知道接收对象的任何信息。这种模式独特之处在于，发布者和订阅者之间不存在直接联

什么是TypeScript ? TyepScript 有哪些内置类型？

什么是TypeScript?TypeScript是一个为开发大规模应用程序而设计的语言。它是JavaScript的一个超集，包含JavaScript全部的功能，并扩展了一些新的特性。具体来说，TypeScript增加了如类型注解和编译时类型检查等特性：letnum:number='hello';//错误：不能将类型"hello"赋给类型number在上面的代码示例中，TypeScript阻止了将一

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

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

NestJS 如何实现接口多版本控制

在持续迭代的现代应用开发中，版本控制是无法绕开的问题。任何对现有接口的修改，如果没有一个有效的版本控制机制，都可能导致应用全局范围的影响。那么，如何实现一个清晰且高效的接口版本控制呢？多版本控制策略希望在设计之初就考虑到，以确保应用具备良好的灵活性和可扩展性。而NestJS的强大功能，就带给我们实现多版本控制的可能。NestJS是一个强大且灵活的Node.js框架，它提供的模块化架构可以让我们为每

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

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

Mongoose 如何使用 in 进行数据搜索

在Mongoose中，可以使用in操作符来查找字段值是否在指定的数组中。in通常用于构造查询，以便在字段中查找多个可能的值。以下是如何在Mongoose中使用in操作符的示例。操作MongoDB首先，确保你已经安装并导入了Mongoose，然后连接到了MongoDB数据库。constmongoose=require('mongoose');mongoose.connect('mongodb://

AI Agent 实战教程 05：RAG 如何增强 Agent

理解 RAG 如何让 Agent 使用外部知识，掌握检索、Embedding、上下文注入和引用控制。

TailwindCSS 如何处理RTL布局模式

TikTok作为目前全世界最受欢迎的APP，需要考虑兼容全世界各个地区的本地化语言和阅读习惯。其中对于阿拉伯语、波斯语等语言的阅读书写习惯是从右向左的，在前端有一个专有名字RTL模式，即Right-to-Left。其中以阿拉伯语作为第一语言的人口超过2.92亿，对于这个庞大的市场，App、Web网站等都需要考虑RLT布局。那么TailwindCSS应该如何处理RTL布局模式？LTR模式vsRT

如何在 TailwindCSS 添加新颜色并且保持 TailwindCSS 原有颜色？

TailwindCSS通过提供原子类使得样式的应用变得非常快速和高效，有时候我们需要在Tailwind的标准颜色集以外添加一些自定义颜色。在本教程中，将介绍如何在不删除默认颜色集的情况下，向TailwindCSS添加新的颜色。实现步骤一、定制tailwind.config.js若要添加自定义颜色，需要在项目根目录下找到或创建一个tailwind.config.js配置文件。这个文件将用于覆盖Ta

AI Agent 实战教程 07：多 Agent 协作

理解多 Agent 协作中的角色分工、Supervisor 模式、消息传递、审查与冲突处理。

Koa 快速搭建 Web 服务

Koa快速搭建Web服务创建项目文件夹，并系统终端切到文件夹npminit-ynpminstallkoa写一个最简单的web项目```javascript//引入koaconstKoa=require('koa');//初始化一个koa实例constapp=newKoa();//处理接口请求app.use(async(ctx,next)={ctx.body='levenx`sworld'})app

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 次收藏