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

在 TypeScript 中如何遍历 Enum 的两种方式
TypeScript中有一个JavaScript中没有的声明关键字,即enum,在TypeScript项目开发过程中,我发现使用枚举enum的概率是极高的。枚举是一种特殊的数据类型,它允许开发者定义一个静态变量集合。枚举类型帮助开发者清晰的预设集合中的变量,并且不允许运行时修改,这为程序运行提供了可预测性和稳定性的保障。在开发过程中,我们经常遇到需要遍历对象中所有属性的情况,对于特殊的枚举en
前端 · 阅读 3231 · 2023年12月26日 22:11

NestJS 如何支持国际化(i18n)
在当今全球化的互联网环境下,为软件添加国际化(Internationalization,通常简称为i18n)支持变得至关重要。NestJS作为一个现代、功能丰富的Node.js框架,提供了强大的国际化机制。本文将指导您如何在NestJS项目中实现i18n功能。i18n是国际化的缩写,数字18代表起始字母"I"和结束字母"n"之间的字母数。在NestJS中实现i18n意味着您的应用可以支持多种语言,
服务端 · 阅读 2503 · 2024年1月9日 23:31

在前端项目中开始使用 TailwindCSS
TailwindCSS近年来在前端圈非常流行,它摆脱了原有的CSS限制,以灵活实用为卖点,用户通过各种class组合即可构建出漂亮的用户界面。对于初学者而言,可能需要一些上手成本,一旦掌握实用技巧后,TailwindCSS会是我们开发工作中的出鞘利刃。TailwindCSS开发期间碰到过TailwindCSS相关的各种问题。想着把TailwindCSS的使用技巧和踩坑经验记录下来,分享给
前端 · 阅读 6781 · 2023年12月5日 19:45

React Query:React 中优雅简单的接口数据状态管理
如何通过Ajax或者Fetch优雅的请求后端接口,这是所有复杂前端项目都需要考虑处理的事情。在React项目中,有不少成熟的Hook能够让开发者管理整个请求过程中的数据和状态,例如axios-hooks、use-http、react-query、swr甚至ahook中提供的useRequest。我曾经很长一段时间是直接使用ahook中的useRequest,但是有的项目中不需要ahook中的其他h
前端 · 阅读 2977 · 2023年12月28日 20:33

前端如何利用依赖倒置原则
前端如何利用依赖倒置原则设计模式依赖倒置原则(DependencyInversionPrinciple,简称DIP)是面向对象设计中的一项重要原则,强调的是一种松耦合的设计方式,使得软件模块之间的耦合度降低,从而提高系统的稳定性和可扩展性。在前端开发中,依赖倒置原则同样适用,并可以大大提高前端项目的可维护性和灵活性。理解依赖倒置原则本质上就是要明白“高层模块不应依赖于低层模块,二者都应依赖于抽象
前端 · 阅读 1942 · 2024年5月26日 13:21

Node方法汇总fs模块
fs文件系统模块文件系统constfs=require('fs');constfs=require('fs/promises');方法名说明使用方法mkdir创建目录fs.mkdir(path[,options])mkdirSyncmkdtemp创建一个唯一的临时目录mkdtemp(prefix[,options]).例:fsPromises.mkdtemp(path.join(os.tmpdir
服务端 · 阅读 3440 · 2022年6月18日 11:54

什么是TypeScript ? TyepScript 有哪些内置类型?
什么是TypeScript?TypeScript是一个为开发大规模应用程序而设计的语言。它是JavaScript的一个超集,包含JavaScript全部的功能,并扩展了一些新的特性。具体来说,TypeScript增加了如类型注解和编译时类型检查等特性:letnum:number='hello';//错误:不能将类型"hello"赋给类型number在上面的代码示例中,TypeScript阻止了将一
前端 · 阅读 4546 · 2023年12月22日 21:01

React 内置 Hook 之 useRef 深度解析与使用案例
ReactHooks已经成为了现代React开发中不可或缺的一部分,今天我们来深入研究一个特别有用的Hook——useRef。在这篇文章中,我们将引导你了解useRef的运用,并通过一些实例穿插其中,让你对这个Hook有更深入的理解。什么是useRefuseRef 是React的一个内置Hook,它可以返回一个可改变的ref对象,非常适合用于管理不会触发组件渲染的变量。用官方的话来说,一
前端 · 阅读 4769 · 2021年12月24日 11:25

TailwindCSS 如何画一条0.5px的线
在移动端项目,一般为了让线条看起来更细、更锐利,此时使用0.5px的线条是非常合适的。那么如何使用TailwindCSS画一条0.5px的线条呢?在实现这个需求的时候,首先去TailwindCSS官网查了一下border有没有对应的内置工具类,发现内置的线条最细的是1px;所以我们需要自定义配置TailwindCSS的space属性。下面将详细说明如何配置。两种配置实现方式一基于配置spaci
前端 · 阅读 5367 · 2023年12月18日 23:24

