掘一

大家好，我卡颂。 长期使用React的同学应该知道，React中存在两种组件： Class Component，类组件 Function Component，函数组件 既然提到类和函数，那么很自然的，

CSS、JS制作发光边角悬停效果，当鼠标在卡片上移动时，会出现径向渐变的色彩光圈，卡片边框会特别亮，鼠标移出卡片光圈消失。使色彩光圈在鼠标移动时像磁铁一样跟随鼠标移动，给元素带来动态和吸引力

VSCode 无疑是当今编辑器的王者。虽然我不是重度用户，不幸的是，很多重度用户可能还没有我用的熟。希望这篇「入坑」，能够助很多小白将 VSCode 打造成真正趁手的兵器。

CSS制作网页滚动进度条指示器。导航是包含不同颜色节区的进度条。当滚动页面时进度条会根据滚动位置显示相应的颜色已定位在页面中的位置。进度条指示器反馈与交互式功能，对不同内容区域部分的平滑迅速访问导航。

CSS扑克牌悬停动画，过渡属性和旋转函数创建有趣生动的扑克牌悬停效果。色相旋转呈现出不同的颜色，当鼠标悬停在卡片上时，会产生旋转和位移展开动画效果并显示内容数字，以及鼠标点击时的背景颜色变化和位移效果

CSS创建loading加载中动画效果，浏览网页时更好的用户体验加载中动画来表示正在加载数据或执行某项操作。加载中动画能够提供视觉上的反馈，告诉用户系统在工作中，改善用户体验，减少长时间等待的焦虑感。

在某个开开心心上班的周五，突然测试老大找过说昨天上线的项目有大问题，数据都不显示了，早餐都来不及吃赶紧找原因...

🚀简单状态管理 vs Pinia🚀 小项目? 试试简单状态管理，轻量且灵活! 😎 复杂项目? Pinia 助您轻松应对挑战！🔥 选择时权衡需求、复杂性和团队经验。🧠 了解更多，做出明智选择！

CSS实现图片3D鼠标悬停效果，当鼠标悬浮在元素上，元素放大展示突出元素，其它元素内扣折叠并缩小。为元素赋予立体感，非常有趣的效果。选择器、过渡动画、旋转属性达成的效果轻松地理解和应用3D鼠标悬停效果