前端阅读 59472022年6月18日 12:17React 科学合理使用 IconReact如何科学合理的使用Icon一、React使用IconParkIconparkIcon列表依赖包安装npminstall@icon-park/reactIcon组件使用importReact,{Component}from'react';import{Shield}from'@icon-park/react';exportdefaultclassIconexReact
前端阅读 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
前端阅读 1336月7日 00:25Agent Skills 教程 01:frontend-design 前端设计技能介绍 frontend-design Skill 的适用场景、核心能力、推荐工作流、提示词示例和落地注意事项,帮助开发者用 AI Agent 生成更接近产品级的前端界面。设计模式前端AI Agent
前端阅读 1066月6日 22:32AI Agent 实战教程 13:状态机、断点续跑与任务恢复理解长任务 Agent 为什么需要状态机,如何设计 pending、running、waiting、failed、completed 等状态并支持恢复。AI AgentLangGraph
工程阅读 56602024年4月11日 23:16Git如何重命名本地分支在使用Git进行版本控制时,有时候我们可能需要对本地分支进行重命名。这种情况可能是因为最初命名不够明确、不够符合团队规范、或者项目发展需要更加合理的分支命名体系。Git提供了简单的命令来帮助我们轻松地重命名本地分支,这篇教程中将学习如何在Git中重命名本地分支。步骤一:检查当前分支在重命名分支之前,我们需要先知道当前处于哪个分支。这很重要,因为你只能重命名你当前不在的分支。打开你的终端或命令提示符Git
服务端阅读 45052022年6月18日 12:15Node 项目参数配置化,命令行参数前言:对于工程化的Node项目,如果设置配置系统参数,可以改变项目的参数耦合性。本文记录三种参数配置的方法。一、env变量process.env参数变量配置添加npm依赖npminstallcross-env-D命令行参数设置'scripts':{'start':'cross-envNODE_ENV=devAPI=localostnodeapp.js'}读取process.env参数consoleNodeJS
客户端阅读 134992024年1月1日 20:51一篇文章学会如何使用 NestJS 的 Guards 守卫实现系统身份验证和授权当我们基于NestJS框架构建和管理应用程序时,为了保障其安全性,我们常常需要对某些敏感操作或敏感信息的访问进行限制,这是我们需要使用到守卫的地方。它作为一种可以阻止未经授权的访问的机制,对我们的应用程序起到了守护的作用。在这篇文章中,我将深入剖析NestJS的守卫,以帮您全面了解这个概念。我会从解释其背后的工作机制开始,接着介绍使用守卫的各种场景,并以详细的示例来演示如何在NestJS项目中实现NestJS