乐闻
TA的文章
使用 SCP 将本地文件上传到 Linux 服务器，进行安全的远程文件传输
在管理Linux系统时，我们经常需要在本地和远程主机之间传输文件。一个常用的工具就是SecureCopy，简称SCP。SCP是一个强大的命令行工具，使用SSH协议进行加密传输，确保了在不安全的网络环境中数据的安全。为什使用SCP是否曾经遇到需要将本地的配置文件或数据安全地发送到位于全球不同地点的远程服务器上的情况？或者从那个远程服务器获取你需要的数据。这时，scp就可以发挥它的优势。SCP主要
如何在 NestJS 中安全高效的管理 Config 配置
应用程序通常需要在多种环境中运行，比如本地开发环境、测试环境和生产环境。在不同的环境中，我们通常需要采用不同的配置设置。举个例子，本地环境可能需要一个特定的数据库凭据，而生产环境则使用另一组完全不同的数据库凭据。由于这些配置变量频繁地改变，因此最佳实践是将它们存在环境变量中。在Node.js中，外部定义的环境变量可以通过process.env全局变量来访问。一种可能的做法是在每个环境中设置不同的环
如何使用 Next.js 和 i18next 实现网站多语言版本翻译
在构建一个面向全球受众的现代网络应用程序时，提供多语言支持变得至关重要。Next.js作为一个功能丰富的React框架，它支持国际化（i18n）的功能，让开发者能够轻松地创建多语言网站。在这篇教程中，我将指导你如何使用Next.js和i18n实现网站翻译。实现步骤一、安装依赖Next.js支持多种国际化库。对于本教程，我们将使用next-i18next，这是一个为Next.js项目优化的i18n库
React Hooks 的 useContext 使用和实践
在React中，状态管理一直是一个非常重要的话题，React的HookAPI自从16.8版本起就为函数组件提供了状态管理和副作用等能力。其中useContext是一个非常强大的Hook，它可以让你在组件树中直接共享状态，而无需手动地传递props。什么是Context？在深入useContext之前，我们需要理解什么是Context。在React应用中，数据是通过props从上至下（从父到子）传递
Agent Skills 教程 01：frontend-design 前端设计技能
介绍 frontend-design Skill 的适用场景、核心能力、推荐工作流、提示词示例和落地注意事项，帮助开发者用 AI Agent 生成更接近产品级的前端界面。
NestJS 基于 Passort 和 JWT Token 实现接口的权限管理
如果你不希望其他人可以随意进出你的房子，那么你需要给你的房子上个锁。开发一个接口很容易，开发一个具有安全性的接口却不容易。成熟的后端服务项目最注重的一点就是如何保护系统的数据安全，不能让用户无脑的访问操作所有的数据，这是不合理更是极度危险的行为。NestJS作为企业级后端开发框架，自然会提供一套权限校验的方案，本文基于NestJS的passort方案，结合jwttoken完成对系统服务的保护。
Redux-actions 使用方法
前言Redux的诟病是重复的模块代码太多，各路大佬都开始尝试解决这些问题，Redux-actions悄然而生。刚开始使用Redux-actions时遇到一些问题，那么专门写一篇博客全面详细的记录Redux-actions的使用。安装npminstallredux-actions//index.jsximportReactfrom'react';importReactDOMfrom&
.npmrc文件：理解 .npmrc 的作用和如何使用 .npmrc
当你在使用Node.js和npm（NodePackageManager）时，你可能会遇到一些配置问题。例如，如何设置代理？如何设置不同的包仓库（registry）地址？这些问题的答案通常可以在.npmrc文件中找到。这篇文章将会向你介绍.npmrc文件的作用，并指导你如何使用它来优化你的Node.js项目。什么是.npmrc文件？.npmrc文件是一个配置文件，它为npm命令行客户端存储了一系列的
Taro 集成 IconPark 图标库的步骤与注意事项
在现代前端开发中，图标库是不可或缺的一部分。IconPark是由阿里巴巴出品的开源图标库，拥有丰富且设计统一的图标资源，支持多种框架和平台。Taro作为一款多端开发框架，支持React语法，集成IconPark不仅能提升项目的视觉效果，还能保证跨端一致性。本文将从零开始，详细介绍如何在Taro项目中使用IconPark，涵盖安装、配置、调用及样式调整等内容，帮助你快速上手。一、准备工作已安装Nod
Recoil 如何优雅高效地重置和恢复某个状态
Recoil是一个为React提供状态管理的库，它通过原子（Atoms）和选择器（Selectors）的概念让状态管理变得更加直观和模块化。在某些情况下，我们可能需要将Recoil的状态（atom或selector）重置为其初始值。我们将探索如何使用Recoil优雅高效地重置和恢复状态。基础概念在深入了解重置和恢复状态之前，让我们快速回顾一下Recoil的几个基本概念：Atom:Atom是Rec
tailwindcss 如何配置默认单位为px
当我们刚开始使用tailwindcss框架处理项目中的样式，我相信很多人会跟我一样非常不习惯。tailwindcss默认支持的rem单位，而不是我们已经非常习惯的px，这其实给我们带来了不小的心智负担。这篇文章将介绍如何在项目中使用px单位设置元素的属性。方案方案一tailwindcss默认支持灵活设置元素距离属性，比如给div加一个16px的内边距，在属性后通过[]来设置具体的px；
基于NestJS 和 TypeORM 实现 CURD RESTful API接口
对于服务端项目而言，对外如何提供合格规范的HTTP接口，对内如何优雅的操作数据存储，比如mysql、mongodb。本文是NestJS服务端开发的基础入门教程，我会根据成熟的解决方案，给大家详细介绍如何基于NestJS实现开发RESTfulAPI，其中基于TypeORM操作mysql数据的增删改查。希望通过阅读完这篇文章后零基础的朋友也能够完成简单的服务端项目开发。准备工作1.安装依赖为了方便对m
AI Agent 实战教程 13：状态机、断点续跑与任务恢复
理解长任务 Agent 为什么需要状态机，如何设计 pending、running、waiting、failed、completed 等状态并支持恢复。
如何基于 LangChain 实现 AI Agent
一、在现代AI应用开发中，Agent能够自主决策和执行任务，极大地提升了自动化能力。LangChainJS是一个专注于JavaScript/TypeScript环境下的强大AI编排框架，支持多种LLM（大语言模型）集成。Ollama则是一个本地化的LLM运行平台，支持如Llama2、Mistral等主流模型。本文将介绍如何基于LangChainJS实现Agent，并使用Ollama提供的模型，实现
AI Agent 实战教程 02：核心架构与运行循环
拆解 AI Agent 的运行循环：理解任务、制定计划、调用工具、观察结果、修正策略。
Koa 快速搭建 Web 服务
Koa快速搭建Web服务创建项目文件夹，并系统终端切到文件夹npminit-ynpminstallkoa写一个最简单的web项目```javascript//引入koaconstKoa=require('koa');//初始化一个koa实例constapp=newKoa();//处理接口请求app.use(async(ctx,next)={ctx.body='levenx`sworld'})app
如何在 Nest 项目中自定义装饰器
装饰器的作用就像其名字一样，它就像一件华丽的外衣，给你的NestJS代码提供了吸引力和可读性。这是因为装饰器可以改变我们对代码的处理方式，并帮助我们实现更高级的编程模式。在本文中，我们将探讨如何创建自定义装饰器，这将大大增强我们的NestJS使用体验。装饰器类型类装饰器(ClassDecorators)在NestJS中，类装饰器最常用在控制器和模块定义上，例如@Controller等。方法装饰
如何在 NestJS 中使用 TypeORM 实现多数据库配置
当你打算在一个NestJS应用中操作多个数据库时，TypeORM提供了优雅而强大的解决方案。在本教程中，我们将一步步了解如何在NestJS项目中配置TypeORM以使用多个数据库。实现步骤一、创建NestJS项目如果你还没有一个NestJS项目，请使用以下命令创建一个新项目：nestnewmulti-database-app进入项目后，我们准备好基础设施。二、安装TypeORM和数据库驱动请确保你
一篇文章学会如何使用 NestJS 过滤器处理全局异常情况
在实际的应用开发中，你或许遇到过异常处理机制不统一或错误信息展示混乱的现象。为了解决这些问题，NestJS提供了一个优雅的解决方案：过滤器（Filter）。本文将从实际出发，向你介绍NestJS过滤器的基本概念，重要用途和深度实例。什么是NestJS的过滤器当一个程序运行过程中发生了异常，并且这个异常没有被捕获处理，用户就会看到一些奇怪的错误信息，这种现象对用户体验非常不好。此时，NestJS的过
基于 Verdaccio 构建自己的私有 npm 仓库
无论你是公司的开发者，还是个人开发者，你可能都听说过或者使用过npm，这是一个使用广泛的JavaScript包管理器。但是，你是否遇到过以下的问题：你需要一个私有的包存放地方，或者你需要在离线环境下使用包，或者你有一些需要测试的包不能上传到公共npm上。这时，你就可以选择使用Verdaccio搭建一个自己私人的npm仓库。Verdaccio是什么？Verdaccio是一种轻量级、易于扩展的私有np
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的面试题
- Docker Swarm 怎么用？集群部署和运维命令Docker Swarm 是 Docker 自带的容器编排工具——不需要额外安装，几条命令就能把多台服务器组成集群，部署高可用服务。和 Kubernetes 比，Swarm 简单得多，适合中小规模部署。 ## Swarm vs Kubernetes：怎么选 | 维度 | Docker Swarm | Kubernetes | |------|-------------|------------| | 复杂度 | 低（几条命令） | 高（概念多、配置复杂） | | 学习成本 | 半天 | 几周 | | 适用规模 | 3-50 节点 | 10-10000+ 节点 | | 自动扩缩容 | ...
- Docker 怎么限制容器资源？CPU、内存和磁盘 IO 配置不限制容器资源，一个失控的容器就能吃光宿主机内存，拖垮同一台机器上的所有服务。Docker 提供了 CPU、内存、磁盘 IO 的精细限制手段，核心是 `docker run` 的资源参数和 docker-compose 的 `deploy.resources` 配置。 ## 内存限制：最常用也最重要 ```bash # 限制最大内存 4GB docker run -d --name myapp --memory=4g myapp:latest # 限制内存 + 禁用 swap docker run -d --name myapp --memory=4g --memory-swap=...
- Docker 私有仓库怎么搭建？Registry 和 Harbor 选型Docker Hub 是公开的，你的私有镜像不想让外人看到。企业内部需要一个私有 Registry 存放自己的镜像，CI/CD 推送镜像到私有仓库，生产服务器从私有仓库拉取。 ## 最简方案：Docker 官方 Registry Docker 官方提供了一个极简的 Registry 镜像，几分钟就能跑起来： ```bash # 启动私有仓库 docker run -d -p 5000:5000 --name registry registry:2 ``` ```bash # 推送镜像 docker tag myapp:latest localhost:5000/myapp:lat...
- Docker 容器日志怎么管理？轮转、结构化和聚合方案容器日志管理不只是 `docker logs` ——那只能看单个容器的标准输出。生产环境需要日志轮转防止磁盘撑满、日志聚合实现集中查询、结构化日志方便检索。这篇从本地管理到集中式方案逐步展开。 ## docker logs 的局限 ```bash docker logs myapp # 查看日志 docker logs -f myapp # 实时跟踪 docker logs --tail 100 myapp # 最近 100 行 ``` 问题： - 容器删了日志就没了 - 多容器没法一起搜 - 没有日志轮转，磁盘会被撑满 - 没有结构化字段，搜...
- Docker 容器间怎么通信？同一项目、跨项目和跨主机方案两个容器要互相访问，怎么连通？同一个 compose 项目的容器用服务名直接访问，不同项目的容器需要共享网络，跨主机通信就得用 Overlay 网络。这篇按场景从简单到复杂讲清楚。 ## 同一 docker-compose 项目：默认网络 Docker Compose 自动为每个项目创建一个网络，项目内的容器可以互相用服务名访问： ```yaml # docker-compose.yml services: api: image: myapp-api ports: - "3000:3000" redis: image: redis:7 ...
- Docker 容器文件系统怎么工作？分层和 Copy-on-Write 机制容器里写了一个文件，它到底存在哪里？删掉容器后文件去哪了？为什么镜像层是只读的但容器可以写入？理解 Docker 文件系统的工作原理，这些问题就都清楚了。 ## 从镜像到容器：分层文件系统 Docker 镜像不是一个大文件——它是多层只读文件系统的堆叠。每个 Dockerfile 指令产生一层： ```dockerfile FROM ubuntu:22.04 # 层 1：操作系统基础（~70MB） RUN apt-get update # 层 2：包索引更新 RUN apt-get install -y python3 # 层 3：Python ...
- Docker 容器出问题了怎么排查？分层排查流程容器启动失败、运行中崩溃、网络不通、数据丢失——Docker 故障排查有一套固定流程，按层级从外到内逐步缩小范围。 ## 排查流程总览 ``` 容器状态异常？ ├── 容器没启动 → 查 docker logs ├── 容器运行但行为异常 → 查 docker logs + docker exec ├── 容器网络不通 → 查 docker network + 端口映射 ├── 容器数据问题 → 查 Volume 挂载 └── 宿主机资源不足 → 查 docker stats + 系统资源 ``` ## 第一步：确认容器状态 ```bash # 查看所有容器（包括停止的） doc...
- Docker 容器怎么接入 CI/CD？GitHub Actions 和 GitLab CI 集成代码提交后自动构建镜像、跑测试、部署——这就是 CI/CD 和 Docker 的结合。Docker 让构建环境一致、部署产物标准化，CI/CD 让这一切自动运行。这篇讲 Docker 在主流 CI/CD 平台中的集成方式。 ## Docker 在 CI/CD 中的三个角色 1. **构建环境**：CI Runner 本身跑在 Docker 容器里，保证每次构建环境一致 2. **构建产物**：`docker build` 产出镜像，推到 Registry，部署时直接拉镜像 3. **部署目标**：生产环境拉镜像启动容器，不需要在服务器上装运行时 ## GitHub Actions ...
- Docker 存储驱动该选哪个？overlay2 和其他驱动的区别Docker 镜像的每一层怎么存、容器怎么在只读层上写入、不同存储驱动有什么性能差异——理解存储驱动的工作原理，能帮你解决容器写入慢、镜像占磁盘、数据丢失这些问题。 ## 容器文件系统的分层结构 Docker 镜像由多个只读层组成，容器启动时在最上面加一层可写层： ``` ┌─────────────────────┐ │ 可写层（容器层） │ ← docker run 产生的可写层 ├─────────────────────┤ │ 镜像层 3（App） │ ← COPY / RUN 指令产生的层 ├─────────────────────┤ │ 镜...
- Docker 容器资源怎么监控？从 docker stats 到 Prometheus 的完整方案容器跑着跑着内存爆了、CPU 拉满了、磁盘写满了——这些问题的根源都能通过资源监控提前发现。Docker 提供了从命令行到 API 多层级的资源监控手段，这篇按从简单到复杂的顺序讲清楚。 ## docker stats：最快上手 ```bash # 查看所有运行中容器的资源使用 docker stats # 只看特定容器 docker stats myapp # 只输出一次（不刷新） docker stats --no-stream # 只看特定指标 docker stats --format "table {{.Name}}\t{{.CPUPerc}}\t{{.MemUsag...
- 获得 0 次点赞
- 内容获得 0 次评论
- 获得 0 次收藏