TailwindCSS 如何设置全局字体以及给特定元素设置字体
TailwindCSS是一个功能类优先的CSS框架,它允许开发者通过组合不同的工具类来快速构建自定义的用户界面。设置全局字体及给特定元素设置字体是前端开发中的常见需求,TailwindCSS为这一需求提供了简单有效的解决方案。接下来,我们将一步步地探讨如何在TailwindCSS中实现字体设置。字体文件引入一旦选择了字体,你需要将它们添加到你的项目中。这里有两种常见的方法:使用在线字体服务或自托管
前端 · 阅读 6086 · 2024年4月12日 12:15

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

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

Git 如何合并多个 Commit 提交
当你在开发软件时,频繁的提交(commit)能帮你更好地追踪代码变化。然而,当一系列小的改动造成了大量的提交记录,合并(squash)这些提交能让历史更加清晰易读。在Git中,我们可以通过交互式rebase来实现这一点。现在,我会带你用一种简单易懂的方式,一步步地学会如何合并多个commit。Rebase交互式操作交互式rebase是Git的一个强大功能,它允许你重写历史—即重写连续的提交序列。你
工程 · 阅读 4133 · 2024年4月10日 00:31

NestJS 如何实现事件溯源模式 Event Sourcing
事件溯源(EventSourcing)是一种软件架构模式,主要用于捕获系统中发生的状态变化,作为一系列不可变事件来存储。这些事件会以时间顺序排列,可以用来重现或查询系统的状态。这种模式特别适合于复杂的业务逻辑和高要求的审核跟踪环境。在此教程中,我们将介绍如何在NestJS框架中实现事件溯源模式。实现步骤一、建立事件存储事件溯源的核心是事件存储(EventStore),这是一个用于持久化事件的数据库
服务端 · 阅读 3552 · 2024年4月8日 00:29

Nginx 如何实现服务的负载均衡?多种进阶分配方式
随着用户量的增长,单一的服务器可能难以应对大量的并发请求。这时,你需要负载均衡器来帮助你分配负载,提升系统的扩展性和稳定性。Nginx是一款高性能的Web服务器软件,它同样可以作为一个非常优秀的负载均衡器来使用。本教程将通俗易懂地为你介绍如何使用Nginx实现多个服务的负载均衡。什么是负载均衡?简单来说,负载均衡就是将接收到的网络请求分配到多个服务器上,这样可以避免某单一服务器因请求过多而产生瓶
运维 · 阅读 1166 · 2024年4月12日 11:54

如何使用 Next.js 和 i18next 实现网站多语言版本翻译
在构建一个面向全球受众的现代网络应用程序时,提供多语言支持变得至关重要。Next.js作为一个功能丰富的React框架,它支持国际化(i18n)的功能,让开发者能够轻松地创建多语言网站。在这篇教程中,我将指导你如何使用Next.js和i18n实现网站翻译。实现步骤一、安装依赖Next.js支持多种国际化库。对于本教程,我们将使用next-i18next,这是一个为Next.js项目优化的i18n库
前端 · 阅读 5216 · 2024年2月23日 15:37

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

Next.js 如何同时使用多个中间件
中间件是Next.js中一个强大的功能,它允许开发者在服务器端和静态生成的页面之间加入定制的逻辑。在Next.js应用中,可能需要使用多个中间件来处理不同的任务,比如身份验证、日志记录、设置Cookies等。在本教程中,将详细记录如何在Next.js项目中同时使用多个中间件。使用步骤一、在pages目录中创建API路由在pages/api目录下创建文件来定义API路由。例如,创建一个hello.
前端 · 阅读 252 · 2024年5月10日 10:49

Node模块循环引用的具体过程
如果A与B存在相互依赖、相互引用关系,不就形成了一个闭环或者说死循环?那程序怎么会继续解析呢?很显然,运行结果告诉我们,nodejs引擎有自己的一套处理循环引用的机制。下面我们根据上述运行结果,来推演了两个module模块的执行顺序,以了解nodejs打破闭环的机制。过程分解:①执行modA第一行,输出一个test接口②执行modA第二行,要引入modB此时断点产生了,即开始执行modB里的代码,
前端 · 阅读 3252 · 2022年6月18日 12:23

