React Hooks 的 useContext 使用和实践
在React中,状态管理一直是一个非常重要的话题,React的HookAPI自从16.8版本起就为函数组件提供了状态管理和副作用等能力。其中useContext是一个非常强大的Hook,它可以让你在组件树中直接共享状态,而无需手动地传递props。什么是Context?在深入useContext之前,我们需要理解什么是Context。在React应用中,数据是通过props从上至下(从父到子)传递
前端 · 阅读 4682 · 2024年3月4日 14:12

如何使用 git stash 暂时缓存 git 工作区或暂存区的内容改动
在日复一日的代码开发过程中,我们经常会遇到这样的情境:你正在开发一个新功能,但是突然需要切换到另一个分支处理一个紧急bug。这个时候,你的代码又处于半成品状态,既不想提交一个半成品的commit,又不想丢失当前的工作进展。这时候,gitstash就是你的救星。今天,我们就来深入了解一下这个强大的Git工具。gitstash是什么gitstash命令可以将你的工作区和暂存区的改动“储藏”起来,让你
工程 · 阅读 4015 · 2024年5月8日 00:21

前端快速入门Koa.js
插件机制是目前非常流行的拓展能力的设计方式,Koa框架是基于插件机制封装出来的一个Node HTTP框架,我将简单记录一下Koa的插件机制以及丰富的插件。
服务端 · 阅读 3437 · 2022年6月13日 00:28

TypeORM 如何设置索引@Index
在数据库系统中,索引是帮助快速检索数据的一种数据结构。对于使用TypeORM来管理数据库的开发者来说,了解如何在模型中设置索引非常重要。本教程将记录如何在TypeORM中设置索引。什么是索引?索引(Index)是数据库表中一种特殊的数据结构,它能够帮助我们更快地检索表中的数据。理解索引的概念可以想象一本书的目录,它能让你快速找到你想阅读的章节,而不是一页页地翻找。索引设置方式在TypeORM中
服务端 · 阅读 4180 · 2024年5月10日 01:00

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

如何使用 CSS 处理文字溢出省略号
text-overflow:ellipsis;是一种CSS属性,主要用于处理单行或者多行文本内容超出其显示区域时的情况。当文本内容过长,超出其容器布局的宽度时,我们通常不希望文本直接溢出显示,而是希望通过更优雅的方式来处理。这时我们就可以使用text-overflow:ellipsis;这个属性来让溢出的文本显示为"…”。具体如何使用呢?CSS代码如下:.my-element{white-spac
前端 · 阅读 1851 · 2021年12月19日 22:36

前端E2E自动化测试方案 - Cypress 入门教程
项目的稳定性是项目迭代过程中最重要的关注点,在Web应用开发中,如何保证程序的高质量,可靠和良好的用户体验是指关重要的。为了达到这些目标,E2E自动化测试是不可或缺的环节。目前市面上流行的E2E自动化框架中,cypress是基于JavaScript编写用例的框架,作为前端开发者,可以轻松接入E2E自动化测试。Cypress为开发者提供了简洁、高效的测试方法,无论是对于初学者还是经验丰富的开发者
前端 · 阅读 5192 · 2023年6月21日 21:49

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

如何在 NestJS 中处理跨域问题
当我们的NestJs后端服务需要被不同源的前端项目访问时,就可能遇到“跨域问题”。跨域问题(CORS,Cross-OriginResourceSharing)本质上是浏览器的一种安全机制,用于限制一个源(origin)中的web应用如何与另一个源的资源进行交互。幸运的是,NestJs提供了一些简单的方法来解决这一问题。什么是CORSCORS是一种机制,它使用额外的HTTP头来告诉浏览器让运行在一个
服务端 · 阅读 2231 · 2024年1月8日 23:39

如何自定义NestJS 中间件
NestJS作为一个强大的Node.js框架,允许你通过中间件对请求和响应进行处理。中间件的概念在其他许多框架中也存在,它们在请求处理流程的早期执行,因此非常适合执行如日志记录、请求验证、设置响应头等任务。在这篇教程中,我将通过一个简单的示例,展示如何在NestJS应用中创建和使用自定义中间件。使用步骤第一步:创建中间件在NestJS中创建中间件很简单,你只需要创建一个实现了NestMiddlew
服务端 · 阅读 2404 · 2024年1月12日 23:39

