React 内置 Hook 之 useCallback 深度解析与使用案例
ReactHooks引入了一种全新的方式来处理state和其他React特性,让我们可以以更加声明式的风格去编写代码,从而使代码更加易读和可维护。其中,useCallback是一个常被提及但可能被大家误解或未能充分利用的hook。useCallback为我们提供了避免不必要渲染以及记住函数实例的能力,从而在性能优化上给我们开发者带来了新的手段。什么是useCallback简单来说,useCallb
前端 · 阅读 3749 · 2021年12月20日 13:15

React 科学合理使用 Icon
React如何科学合理的使用Icon一、React使用IconParkIconparkIcon列表依赖包安装npminstall@icon-park/reactIcon组件使用importReact,{Component}from'react';import{Shield}from'@icon-park/react';exportdefaultclassIconex
前端 · 阅读 3913 · 2022年6月18日 12:17

提效神器:使用NRM切换和管理众多的NPM registry 源
在我们开始探讨如何使用nrm之前,让我们首先来解释一下npm和nrm是什么,以及为什么开发者需要使用这样的工具。npm(nodepackagemanager)是一个Node.js包管理器,可以用于安装、共享和分发代码,管理项目的依赖关系等。npm有一些默认的注册源,比如npm官方源和淘宝npm镜像等,但是使用的时候可能会遇到各种问题,比如,官方源经常会出现无响应问题,而淘宝npm镜像虽然很好,
前端 · 阅读 2473 · 2023年12月24日 13:11

基于NestJS 和 TypeORM 实现 CURD RESTful API接口
对于服务端项目而言,对外如何提供合格规范的HTTP接口,对内如何优雅的操作数据存储,比如mysql、mongodb。本文是NestJS服务端开发的基础入门教程,我会根据成熟的解决方案,给大家详细介绍如何基于NestJS实现开发RESTfulAPI,其中基于TypeORM操作mysql数据的增删改查。希望通过阅读完这篇文章后零基础的朋友也能够完成简单的服务端项目开发。准备工作1.安装依赖为了方便对m
服务端 · 阅读 6347 · 2023年12月20日 23:21

React 如何使用 Recoil 实现状态共享
React状态管理一直是一个让人头疼的问题,随着应用的增长,组件之间共享状态变得越来越复杂。此时Recoil就出现了,它是一个为React应用设计的状态管理库,它提供了一种简单和高效的方式来管理和共享状态。优势原子化状态:Recoil将状态定义为一系列的“原子”,这些原子状态可以在应用的任何组件中被读取和更新,而不需要考虑组件层次结构。派生状态:可以创建基于原子或其他派生状态计算得出的状态,这些
前端 · 阅读 4186 · 2024年4月21日 19:24

在Cypress中如何设置不同分辨率以模拟不同设备
在当今的前端开发中,确保您的网站或应用在不同设备和分辨率上能够无缝工作是至关重要的。Cypress在自动化测试时可以模拟不同设备和分辨率。本教程将指导您如何在Cypress中设置不同的分辨率来模拟多种设备,以确保您的前端界面可以适应各种屏幕尺寸。实现方式设置固定分辨率要在Cypress中设置特定的分辨率,你可以使用cy.viewport()命令。viewport可以接受两个参数:宽度和高度,你可以
工程 · 阅读 1440 · 2024年4月11日 00:21

探索 @nestjs/cqrs:在 NestJS 中实现命令查询责任分离模式CQRS
在构建大型和复杂的Web应用时,维护清晰的代码结构和高效的操作是至关重要的。NestJS作为一个现代的Node.js框架,提供了多种方式来帮助开发者编写结构化和可维护的代码。其中,@nestjs/cqrs模块就是一种强大的机制,它通过实现命令查询责任分离(CQRS)模式,使得代码更加模块化,业务逻辑更清晰,同时还带来了性能和安全性的提升。在本文中,我们将详细探讨CQRS模式的好处,并通过一个创建博
服务端 · 阅读 15202 · 2024年2月23日 17:41

Node 通过 http 协议上传文件到服务器
前言:web端上传图片、文件等流化数据,一般使用form表单方式,或者通过Ajax方式上传时就使用FormData来承载流化数据。具体可以参考AJAX图片上传功能实现(点击,拖拽,粘贴)Koa服务端同时也存在需要使用Node操作方式上传文件到http服务器上,下文详细记载。一、requestnode端添加request依赖库npminstallrequest文件上传操作constpath=requ
服务端 · 阅读 4013 · 2022年6月18日 12:14

React 内置 Hook 之 useEffect
Hook是一种特殊的函数,使得你能够在不更改组件结构的条件下,重用组件之间的状态相关逻辑,进步提升我们代码的复用性和可维护性。其中,useEffect作为核心的一部分,帮助我们解决在类组件中副作用相关逻辑复杂难懂的问题。理解了Hook的概念,让我们现在深入探讨它其中一个重要的应用——useEffect。useEffect是什么useEffect是React的核心Hook之一。它让你可以在函数组件中
前端 · 阅读 3454 · 2022年3月14日 15:04

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

