乐闻
基于React创建重叠头像组件，深入理解CSS重叠样式最近项目有个新需求，需要把用户的头像水平排列并且重叠。本来以为挺麻烦的，刚开始还想着要用JS去计算每一个头像需要位移的距离。其实这个需求只需要一行代码就能搞定。最终的效果图如下：效果图实现方案首先定义HTML代码结构importReactfrom"react";import"./index.less";constavatars=["<https://upload.jianshu.io/u
前端 · 阅读 6243 · 2023年5月28日 01:26
React 发布订阅模式最佳实践：借助 mitt 实现组件解耦发布订阅（Pub/Sub）模式是一种常见的设计模式，用于解耦组件之间的通信。在React中，组件间通信通常通过props或Context实现，但当应用复杂时，使用事件总线（EventBus）会更加灵活。mitt是一个轻量级的事件库，非常适合实现发布订阅模式。什么是mitt？mitt是一个极简的事件发射器（eventemitter），体积小（不到200字节），API简单，支持TypeScript。它
前端 · 阅读 1259 · 1月10日 14:05
探索 @nestjs/cqrs：在 NestJS 中实现命令查询责任分离模式CQRS在构建大型和复杂的Web应用时，维护清晰的代码结构和高效的操作是至关重要的。NestJS作为一个现代的Node.js框架，提供了多种方式来帮助开发者编写结构化和可维护的代码。其中，@nestjs/cqrs模块就是一种强大的机制，它通过实现命令查询责任分离（CQRS）模式，使得代码更加模块化，业务逻辑更清晰，同时还带来了性能和安全性的提升。在本文中，我们将详细探讨CQRS模式的好处，并通过一个创建博
服务端 · 阅读 18419 · 2024年2月23日 17:41
Next.js 如何进行错误捕捉，实现系统错误监控在构建现代web应用时，有效地管理和跟踪错误是确保用户体验顺畅的关键步骤，Next.js为错误处理提供了一套完整的机制。本教程中，将详细介绍如何在Next.js中捕捉错误，了解不同的错误类型，并最终实现一个错误监控上报系统，以帮助你实时了解应用的健康状况。错误类型在Next.js中，错误可以大致分为两类：服务器端错误和客户端错误。服务器端错误:这些错误发生在服务器端代码执行时，例如在getSer
前端 · 阅读 4386 · 2024年4月21日 18:46
React 内置Hook 之 useMemo 的使用技巧、性能优化和实现原理React16.8版本引入了许多内置的Hook，其中之一就是useMemo。useMemo是一种记忆化（memoization）技术，它可以增加性能，帮助我们避免在每次渲染时都进行复杂的计算。在本篇教程中，我将用易于理解的方式，通过实例和对比，进行深入分析useMemo的概念与应用。什么是useMemouseMemo是一个Reacthook，用于返回一个记忆化的值。这个hook只在其相关依赖发生变
前端 · 阅读 6189 · 2021年12月24日 11:23
Mongoose 如何查询某个字段为空、null、不存在的数据在使用MongoDB数据库进行数据管理时，经常会遇到需要查询某些字段为空或者不存在的文档的情况。Mongoose为MongoDB提供了直观的建模和查询语法。本文将介绍如何在Mongoose中查询具有空字段的文档，确保能够轻松处理各种数据查询需求。MongoDB中的「空」有哪些首先，我们需要理解在MongoDB中，一个字段被认为是空的情况可能有几种不同的状态：字段值为null。字段不存在。字段值为空
服务端 · 阅读 5376 · 2024年4月21日 14:24
NestJS 如何实现事件溯源模式 Event Sourcing事件溯源（EventSourcing）是一种软件架构模式，主要用于捕获系统中发生的状态变化，作为一系列不可变事件来存储。这些事件会以时间顺序排列，可以用来重现或查询系统的状态。这种模式特别适合于复杂的业务逻辑和高要求的审核跟踪环境。在此教程中，我们将介绍如何在NestJS框架中实现事件溯源模式。实现步骤一、建立事件存储事件溯源的核心是事件存储（EventStore），这是一个用于持久化事件的数据库
服务端 · 阅读 5792 · 2024年4月8日 00:29
ES6 中的迭代器如何使用？有哪些进阶用法？ES6引入了一系列令人兴奋的新特性，极大地提高了代码的易读性和开发效率。其中，迭代器（Iterator）是一项重要的新特性，它为遍历复杂的数据结构提供了统一的接口。ES6的迭代器是遵循迭代器协议的对象，允许开发者按序访问集合的元素。它们不仅被数组和字符串等内置类型默认实现，还可以由开发者自定义，从而在数据的遍历上提供了更高的灵活性和控制力。什么是迭代器在ES6之前，我们经常通过数组或对象的索引来遍
前端 · 阅读 2795 · 2024年4月12日 11:04
