前端阅读 55602024年4月21日 19:33React 使用 Recoil 和 LocalStorage 实现状态持久化实现Recoil状态与LocalStorage的无缝集成,而不在业务组件中直接操作,我们可以使用Recoil的高阶工具——effect。Effect允许我们在atom的配置中直接定义与外部资源的交互,从而将持久化逻辑与业务组件解耦。下面是如何创建自动同步到LocalStorage的Recoilatom的步骤。实现步骤一、创建Recoil状态(atom)并添加effect首先,我们创建一个RecokReactRecoil
工程阅读 74372024年4月11日 23:12Git 如何删除本地分支与删除远程分支Git允许我们创建、合并甚至删除分支。本文将学习如何在Git中删除本地分支和远程分支。删除本地分支在删除一个本地分支之前,确保你没有切换到该分支上。如果你正处在要删除的分支上,请先切换到一个不同的分支:gitcheckoutmaster现在,你可以使用以下命令删除分支:gitbranch-d<branch_name>如果该分支有尚未合并的更改,Git会给你一个警告。如果你确定要删除这个Git
前端阅读 76242023年12月23日 18:51一文讲清TypeScript装饰器的概念以及如何使用TypeScript装饰器TypeScript装饰器是什么?装饰器(Decorator)是TypeScript提供的一个高级语法,它类似于一种特殊类型的声明,可以附加到类声明,方法,访问符,属性或参数上。装饰器主要以函数的形式出现,运行在编译阶段,以实现对所修饰对象的行为的修改或增强。这是一个功能强大且在TypeScript编程中常用的特性。TypeScript装饰器有什么作用?装饰器在TypeScript中的主要应用场景TypeScript
服务端阅读 30662024年1月9日 23:12NestJS 支持自定义命令行, @Command 的使用指南NestJS作为一个高效、可扩展的Node.jsweb框架,其设计上受到Angular的启发,提供了强大的模块化与依赖注入特性。前端的开发者们早已习惯于这些概念,并且这种设计哲学也在Node.js的后端开发中大放异彩。今天,我们要介绍的是NestJS中一个不那么广为人知,但却异常强大的装饰器:@Command。这是NestJSCLI的一个特性,允许你创建自定义的命令行指令(CLIcommands)NestJS
前端阅读 25982021年12月19日 22:36如何使用 CSS 处理文字溢出省略号text-overflow:ellipsis;是一种CSS属性,主要用于处理单行或者多行文本内容超出其显示区域时的情况。当文本内容过长,超出其容器布局的宽度时,我们通常不希望文本直接溢出显示,而是希望通过更优雅的方式来处理。这时我们就可以使用text-overflow:ellipsis;这个属性来让溢出的文本显示为"…”。具体如何使用呢?CSS代码如下:.my-element{white-spacCSS
前端阅读 64762021年12月24日 11:23React 内置Hook 之 useMemo 的使用技巧、性能优化和实现原理React16.8版本引入了许多内置的Hook,其中之一就是useMemo。useMemo是一种记忆化(memoization)技术,它可以增加性能,帮助我们避免在每次渲染时都进行复杂的计算。在本篇教程中,我将用易于理解的方式,通过实例和对比,进行深入分析useMemo的概念与应用。什么是useMemouseMemo是一个Reacthook,用于返回一个记忆化的值。这个hook只在其相关依赖发生变React
前端阅读 57202022年3月14日 15:04React 内置 Hook 之 useEffectHook是一种特殊的函数,使得你能够在不更改组件结构的条件下,重用组件之间的状态相关逻辑,进步提升我们代码的复用性和可维护性。其中,useEffect作为核心的一部分,帮助我们解决在类组件中副作用相关逻辑复杂难懂的问题。理解了Hook的概念,让我们现在深入探讨它其中一个重要的应用——useEffect。useEffect是什么useEffect是React的核心Hook之一。它让你可以在函数组件中React
前端阅读 876月7日 12:23Agent Skills 教程 02:remotion-best-practices 视频生成实践介绍 remotion-best-practices Skill 的功能、安装方式、使用方法、Remotion 视频工程实践、常见误区和与其他 Skill 的配合方式。设计模式前端AI Agent
前端阅读 1066月6日 22:32AI Agent 实战教程 13:状态机、断点续跑与任务恢复理解长任务 Agent 为什么需要状态机,如何设计 pending、running、waiting、failed、completed 等状态并支持恢复。AI AgentLangGraph
服务端阅读 45052022年6月18日 12:15Node 项目参数配置化,命令行参数前言:对于工程化的Node项目,如果设置配置系统参数,可以改变项目的参数耦合性。本文记录三种参数配置的方法。一、env变量process.env参数变量配置添加npm依赖npminstallcross-env-D命令行参数设置'scripts':{'start':'cross-envNODE_ENV=devAPI=localostnodeapp.js'}读取process.env参数consoleNodeJS