React 使用 Recoil 和 LocalStorage 实现状态持久化
实现Recoil状态与LocalStorage的无缝集成,而不在业务组件中直接操作,我们可以使用Recoil的高阶工具——effect。Effect允许我们在atom的配置中直接定义与外部资源的交互,从而将持久化逻辑与业务组件解耦。下面是如何创建自动同步到LocalStorage的Recoilatom的步骤。实现步骤一、创建Recoil状态(atom)并添加effect首先,我们创建一个Recoi
前端 · 阅读 3104 · 2024年4月21日 19:33

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

Mongoose 如何实现模糊查询(Like Query)
Mongoose为Node.js提供了一种更好的方式来构建查询和操作数据。在SQL数据库中,模糊查询通常是通过LIKE语法实现的,而在MongoDB中,我们可以使用正则表达式来达到类似的效果。在本文中,将介绍如何在Mongoose中实现模糊查询。Mongoose模型设置首先,我们要定义一个Mongoose模型。假设我们有一个用户模型,其中包含一个名为username的字段。constmongoo 
服务端 · 阅读 3017 · 2024年4月21日 13:41

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

CentOS定时运行Cypress自动化测试用例并通过邮件通知结果
自动化测试的核心宗旨就是尽可能减少人工参与的情况下保证系统的稳定运行。当完成核心业务的自动化用例后,我们可以通过定时运行或者有新代码提交等等需要验证核心业务是否正常,并且通过邮件或者其他的手段通知研发同学自动化用例运行结果。本文详细记录Cypress自动化用例如何在centos服务器中定时运行,并且通过邮件通知自动化测试用例的运行结果。编写运行shell脚本为了配合centos的定时器功能
前端 · 阅读 3648 · 2023年6月26日 00:28

React Query:React 中优雅简单的接口数据状态管理
如何通过Ajax或者Fetch优雅的请求后端接口,这是所有复杂前端项目都需要考虑处理的事情。在React项目中,有不少成熟的Hook能够让开发者管理整个请求过程中的数据和状态,例如axios-hooks、use-http、react-query、swr甚至ahook中提供的useRequest。我曾经很长一段时间是直接使用ahook中的useRequest,但是有的项目中不需要ahook中的其他h
前端 · 阅读 2635 · 2023年12月28日 20:33

Nginx 如何实现服务的负载均衡?多种进阶分配方式
随着用户量的增长,单一的服务器可能难以应对大量的并发请求。这时,你需要负载均衡器来帮助你分配负载,提升系统的扩展性和稳定性。Nginx是一款高性能的Web服务器软件,它同样可以作为一个非常优秀的负载均衡器来使用。本教程将通俗易懂地为你介绍如何使用Nginx实现多个服务的负载均衡。什么是负载均衡?简单来说,负载均衡就是将接收到的网络请求分配到多个服务器上,这样可以避免某单一服务器因请求过多而产生瓶
运维 · 阅读 1168 · 2024年4月12日 11:54

如何在 NestJS 中集成 MongoDB 并实现数据的增删改查操作
在现代的Web应用程序开发中,无论是在数据存储、检索、还是数据流转的各个环节,数据库都扮演着极其重要的角色。MongoDB是一个基于分布式文件存储的开源数据库系统,以其高性能、高可用性和易扩展性著称。作为JavaScript社区最受欢迎的后端框架之一,NestJS提供了优雅的解决方案来与各种数据库进行交互,其中就包括了对MongoDB的支持。本教程将通过一个简单而通俗的实例,带你在NestJS
服务端 · 阅读 6188 · 2024年1月4日 21:29

TypeScript的类型推断与类型断言:深度解析与应用场景
在TypeScript开发过程中,类型推断(TypeInference)和类型断言(TypeAssertion)是两个重要且频繁使用的概念。本文将分别对这两个概念进行深入介绍,并通过实例讨论它们在实践中的应用。什么是类型推断类型推断是TypeScript根据变量或表达式的上下文信息自动推测出的类型。类型推断通常在初始化变量和成员,设置参数默认值,或者根据函数返回值时发生。比如这个例子:letx=3
前端 · 阅读 3639 · 2023年12月23日 19:18

如何使用 Scrcpy 从手机传输文件至电脑
Scrcpy是一个非常有用的开源工具,它允许用户通过USB或Wi-Fi连接在电脑上控制和显示Android设备的屏幕。除了远程控制手机外,Scrcpy也可以用来从手机传输文件到电脑。以下是你可以遵循的步骤,轻松实现文件传输。1.通过分享面板实现步骤一、安装Scrcpy首先,你需要在你的电脑上安装Scrcpy。Scrcpy可以在多种操作系统上运行,包括Windows、macOS和Linux。Win
前端 · 阅读 2668 · 2024年7月17日 10:00

