前端阅读 102272024年2月24日 01:47精通CSS动画：基于 TailwindCSS 轻松添加动画效果动画是现代网页设计中不可或缺的一部分，它们可以指引用户的注意力，增加交互性，以及提升用户体验。TailwindCSS作为一个功能强大的工具类CSS框架，为我们添加和控制动画提供了一系列便捷的方式。本文将演示如何使用TailwindCSS来处理和激活网页动画，使你的网站看起来更加生动。TailwindCSS动画基础TailwindCSS中处理动画的核心是transition和animation实用类Tailwind CSS
前端阅读 64322023年8月24日 22:06【手写组件库之日历组件教程第一篇】基于React实现日历组件详细教程日历组件是常见的日期时间相关的组件，围绕日历组件设计师做出过各种尝试，展示的形式也是五花八门。但是对于前端开发者来讲，主要我们能够掌握核心思路，不管多么奇葩的设计我们都能够把它做出来。本文将详细分析如何渲染一个简单的日历组件。在线演示DEMOhttps://calendar.levenx.com/#/simple-calendar实现步骤计算每个月中具体包含的日期因为日历需要把当前月的每一天都展 React前端
前端阅读 1056月6日 22:32AI Agent 实战教程 13：状态机、断点续跑与任务恢复理解长任务 Agent 为什么需要状态机，如何设计 pending、running、waiting、failed、completed 等状态并支持恢复。AI AgentLangGraph
前端阅读 97042024年2月28日 20:19如何在 TailwindCSS 中使用 CSS 变量TailwindCSS作为一种功能类优先的CSS框架，其简洁和高度可定制的设计理念受到了前端开发者的广泛欢迎。CSS变量（也称为CSS自定义属性）是现代前端开发的一部分，能够带来更高的灵活性和维护性。那么，如果你想在TailwindCSS中利用CSS变量的强大功能，应该怎么做呢？以下是一份简明指南。什么是CSS变量？在深入了解如何在Tailwind中使用CSS变量之前，让我们快速地回顾一下CSS变Tailwind CSS
前端阅读 1316月7日 00:25Agent Skills 教程 01：frontend-design 前端设计技能介绍 frontend-design Skill 的适用场景、核心能力、推荐工作流、提示词示例和落地注意事项，帮助开发者用 AI Agent 生成更接近产品级的前端界面。设计模式前端AI Agent
服务端阅读 23372024年11月17日 19:14MySQL 查询缓存的工作原理MySQL提供了多种机制以提升查询效率，其中查询缓存（QueryCache）功能尤为重要。查询缓存通过存储和重用SELECT查询的结果，大大减少了重复查询的开销，从而提高了数据库的整体性能。本文将深入探讨MySQL查询缓存的工作原理，并介绍其配置与最佳实践。什么是查询缓存？查询缓存（QueryCache）是MySQL用来缓存SELECT查询结果的一个功能。简单来说，当你执行一条SELECT查询时，MySQL
前端阅读 64752021年12月24日 11:23React 内置Hook 之 useMemo 的使用技巧、性能优化和实现原理React16.8版本引入了许多内置的Hook，其中之一就是useMemo。useMemo是一种记忆化（memoization）技术，它可以增加性能，帮助我们避免在每次渲染时都进行复杂的计算。在本篇教程中，我将用易于理解的方式，通过实例和对比，进行深入分析useMemo的概念与应用。什么是useMemouseMemo是一个Reacthook，用于返回一个记忆化的值。这个hook只在其相关依赖发生变React
服务端阅读 134412024年1月2日 21:48一篇文章学会如何使用 NestJS 的五种 Provider 提供者在构建复杂的后端应用中，如何有效地管理和彼此协作的各个部分，以及如何共享和复用功能已成为开发者们重要关注的问题。覆盖这些需求的一种技术就是NestJS中的Providers。这次，让我们一起深入探讨这个关键概念，解密Providers的奥秘，了解它们是如何提供和分配服务的。在这篇文章中，我们将学习五种主要的Provider类型：值提供者、类提供者、工厂提供者、异步工厂提供者和别名提供者，以及如何在NestJS
前端阅读 856月7日 12:23Agent Skills 教程 02：remotion-best-practices 视频生成实践介绍 remotion-best-practices Skill 的功能、安装方式、使用方法、Remotion 视频工程实践、常见误区和与其他 Skill 的配合方式。设计模式前端AI Agent
前端阅读 25962021年12月19日 22:36如何使用 CSS 处理文字溢出省略号text-overflow:ellipsis;是一种CSS属性,主要用于处理单行或者多行文本内容超出其显示区域时的情况。当文本内容过长，超出其容器布局的宽度时，我们通常不希望文本直接溢出显示，而是希望通过更优雅的方式来处理。这时我们就可以使用text-overflow:ellipsis;这个属性来让溢出的文本显示为"…”。具体如何使用呢？CSS代码如下：.my-element{white-spacCSS
