魔法前端

在过去的几个月里，我成了 Framer Motion 的忠实粉丝。在研究了如何用它来为我的 styled-components 添 …

Contents 理解笔记ref和reactive不一样举例【2025.10.17补充】shallowRef和shallowRea …

Contents 问题表现问题排查问题出现的核心逻辑问题解决virtual-webgl.js 魔改思路关键改动代码（节选）(1) …

一句话问题：在一个横向 flex 容器中，子元素 B 通过 flex-grow 做自适应；而 B 里面的所有子孙元素都没有固定宽， …

TL;DR：不要直接给 TabsContent 做动画（隐藏时会 display: none，退出动画放不出来）。把 Tabs 做 …

在 Vue3 中，<Transition> 能优雅地处理 DOM 的挂载/卸载，例如「元素销毁前先淡出，元素挂载后再淡 …

基于 Next.js 15 + shadcn/ui，打造属于自己的组件库生态 Contents 前言关键易错点（个人笔记）关键理解 …

在一个前端项目中，我遇到过 Plotly.js WebGL 实例数量限制 的问题。Plotly 每创建一个 WebGL 图表都会占 …

这篇文档系统讲解“边缘过渡遮罩”的交互设计与多种实现方式，帮助你在任何滚动区域、列表、图片容器、可拖拽面板等场景中灵活复用。 Co …

本文总结一种在“出现横向滚动且不在两端时，显示左右渐变提示”的可复用实现。适用于任何横向滚动区域，包含基于 shadcn/ui S …