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

React Hook 的 useImperativeHandle 使用和实践
随着ReactHook的引入,React让函数组件拥有了和类组件相同的能力,而useImperativeHandle则是ReactHook中一个比较少见但在某些场景下非常有用的Hook。什么是useImperativeHandle?useImperativeHandle允许你在使用ref时自定义暴露给父组件的实例值。通常,父组件通过ref能够获取到子组件的DOM节点。然而,有时候你可能希望父组件可
前端 · 阅读 3201 · 2024年3月4日 14:15

如何在 Nest 项目中自定义装饰器
装饰器的作用就像其名字一样,它就像一件华丽的外衣,给你的NestJS代码提供了吸引力和可读性。这是因为装饰器可以改变我们对代码的处理方式,并帮助我们实现更高级的编程模式。在本文中,我们将探讨如何创建自定义装饰器,这将大大增强我们的NestJS使用体验。装饰器类型类装饰器(ClassDecorators)在NestJS中,类装饰器最常用在控制器和模块定义上,例如@Controller等。方法装饰
服务端 · 阅读 5160 · 2023年12月24日 19:41

React 内置 Hook 之 useState 深度解析与使用案例
我们都知道React从16.8版本开始引入了Hooks特性,这对于函数式组件来说是一次质的飞跃。它使得我们可以在不必写成class形式的情况下,使用state和其他特性,使代码更简洁,易读和易于测试。在所有的Hooks中,useState 可谓是基础而且非常关键的一个。我们可通过它在功能组件中声明和操作state,这对于传统只能在class组件中操作state的思维是一次重大改变。这次,
前端 · 阅读 3092 · 2024年1月2日 22:57

TailwindCSS 如何设置 placeholder 的样式
前言placeholder在前端多用于input、textarea等任何输入或者文本区域的标签,它用户在用户输入内容之前显示一些提示。浏览器自带的placeholder样式可能不符合设计规范,此时就需要通过css进行样式美化。当项目中使用TailwindCSS处理样式时,应该如何通过TailwindCSS设置placeholder的样式呢?问题将input标签的placeholder样式设置成字体
前端 · 阅读 3616 · 2023年12月7日 00:10

基于 NestJS 操作 TypeORM 中的一对多 OneToMany
TypeORM是一个在TypeScript和JavaScript(ES7,ES6,ES5)中提供了许多开箱即用特性的ORM,它能够改善我们处理数据库操作的效率与可维护性。在复杂的应用开发过程中,数据间的关系处理显得尤其重要。今天我们将在NestJS中探索TypeORM的OneToMany(一对多)关系,这是一种常见且强大的数据模型关系。在建立应用程序时,我们通常需要处理大量的增删查改(CRUD)操
服务端 · 阅读 5132 · 2024年1月1日 22:37

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

在Cypress 中如何 Mock 自定义请求数据
Cypress如何Mock请求数据在现代的前端开发中,端到端的测试成为了保证应用质量的关键部分。Cypress是一个强大的端到端测试框架,它允许我们模拟后端API的请求和响应数据,以便我们能在开发过程中测试前端功能,即使后端尚未完全实现。这篇文章将会教你如何在Cypress中模拟请求数据。Mock请求数据的静态方式Cypress提供了.intercept()方法,它允许我们拦截应用中的HTTP请求
工程 · 阅读 2122 · 2024年4月11日 00:14

基于NestJS 实现 API 网关服务,支持身份验证、负载均衡
API网关是现代微服务架构中的重要组件,它可以统一多个服务的入口,提供请求路由、身份验证、负载均衡等功能。在本教程中,我们将探索如何使用NestJS实现一个简单的API网关。为什么选择NestJS作为API网关?NestJS提供了一个层次化的模块系统,非常适合构建可维护的API网关。它支持TypeScript,默认集成了Express.js(可以切换成Fastify),并提供了大量的模块和中间件来
服务端 · 阅读 3572 · 2024年4月8日 00:35

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