乐闻
NestJS 基于 Passort 和 JWT Token 实现接口的权限管理如果你不希望其他人可以随意进出你的房子，那么你需要给你的房子上个锁。开发一个接口很容易，开发一个具有安全性的接口却不容易。成熟的后端服务项目最注重的一点就是如何保护系统的数据安全，不能让用户无脑的访问操作所有的数据，这是不合理更是极度危险的行为。NestJS作为企业级后端开发框架，自然会提供一套权限校验的方案，本文基于NestJS的passort方案，结合jwttoken完成对系统服务的保护。
服务端 · 阅读 5407 · 2023年12月21日 22:12
如何封装React无限滚动加载列表组件【含源码】前言由于需要考虑后端接口的性能问题，我们在请求业务数据列表的时候并不能直接请求全量数据。所以我们在请求数据时常见的方式是做分页查询。对于前端交互而言，我们需要考虑如何优雅的让用户触发请求下一页数据的接口。常用的方法有两种：1.提供显示的分页器，让用户自己手动点击下一页；2.业务滚动到某个阈值时自动触发下一页请求。对于移动端，滚动加载的交互是更加优雅的处理方式。对于滚动加载的能力，我们需要一个公共的
前端 · 阅读 6956 · 2023年5月19日 22:44
基于 React 封装网络状态变化的 Hook，轻松监听网络变化随着移动互联网的普及，用户对Web应用的网络连接状态变得越来越敏感。无论在地铁隧道还是偏远地区，不稳定或缺失的网络连接都是常态。因此，为了提供无缝的用户体验，构建一个能够智能响应网络状态变化的应用变得至关重要。本文将介绍如何使用ReactHooks来轻松创建一个网络状态监听器，从而让您的应用能够优雅地应对网络的波动。使用ReactHook监听网络状态变化初始化Hook结构创建一个新文件useNet
前端 · 阅读 3991 · 2024年2月22日 23:31
React 内置 Hook 之 useCallback 深度解析与使用案例ReactHooks引入了一种全新的方式来处理state和其他React特性，让我们可以以更加声明式的风格去编写代码，从而使代码更加易读和可维护。其中，useCallback是一个常被提及但可能被大家误解或未能充分利用的hook。useCallback为我们提供了避免不必要渲染以及记住函数实例的能力，从而在性能优化上给我们开发者带来了新的手段。什么是useCallback简单来说，useCallb
前端 · 阅读 4727 · 2021年12月20日 13:15
Nextjs 实现页面重定向的两种方案由于项目升级导致历史链接不在维护，但是历史页面链接因为各种方式(比如SEO搜素引擎收录，用户自行收藏等)被用户主动直接访问，面对这些问题，前端开发者是需要考虑将历史页面的访问引导到新的落地页面。本文介绍基于nextjs框架如何对历史页面链接进行重定向。方案一通过修改next config文件实现页面重定向，方案二通过修改getInitialProps方法逻辑进行重定向。
服务端 · 阅读 8085 · 2023年5月22日 15:24
如何在 Nest 项目中自定义装饰器装饰器的作用就像其名字一样，它就像一件华丽的外衣，给你的NestJS代码提供了吸引力和可读性。这是因为装饰器可以改变我们对代码的处理方式，并帮助我们实现更高级的编程模式。在本文中，我们将探讨如何创建自定义装饰器，这将大大增强我们的NestJS使用体验。装饰器类型类装饰器(ClassDecorators)在NestJS中，类装饰器最常用在控制器和模块定义上，例如@Controller等。方法装饰
服务端 · 阅读 9110 · 2023年12月24日 19:41
Next.js 如何使用中间件 Middleware当我们提到中间件（Middleware），你可能会想到后端服务，如Express.js中用于处理HTTP请求的函数。但在Next.js中，中间件也是一个非常重要的概念。Next.js中间件代表了在服务器和浏览器之间的一层强大的逻辑处理层，它们可以在请求被处理成页面之前或在页面渲染之后执行代码。什么是Next.js中间件？Next.js中间件是在Next.js10版本中引入的概念，并在后续版本中得到
前端 · 阅读 8206 · 2024年3月4日 09:53
如何在 Cypress 中处理图片下载在实际的测试场景中，我们有时需要验证应用程序是否正确地允许用户下载图片。本文将通过一个详细的例子，教你如何在Cypress中处理和验证图片下载的功能。具体步骤在Cypress中编写测试，本质上是描述出用户的行为，并对应用程序的反馈进行断言。对于图片下载的测试，我们关注的主要是点击下载链接后，图片是否正确地被触
前端 · 阅读 4222 · 2024年2月24日 02:32
