Lerbron

在一次前端性能优化项目中，我们发现仅仅一个 icon font 文件就高达 20MB。这不仅拖慢了首屏加载速度，还极大地浪费了带宽。最终，我们将它压缩到了 10KB，而不影响任何功能表现。 这一过程背

滑块（滑动输入条）的升级版"圆形滑动输入条"，快来瞧瞧吧，还支持固定刻度滑动功能，非常有趣呢，千万不要错过哦~~嘿嘿。

巧用z-index与后续兄弟选择器实现循环翻牌效果 先看效果 点击卡片就能切换一张，并且整个实现过程并没有用到js。这个样例中除了两张卡片外其实还有两个透明的input，你点击到的其实是这俩input

css实现tabs圆角切换效果，使用伪元素、border-radius、box-shadow叠加处理。

从 Chrome 125 开始，支持了一个全新的 CSS 特性 - Anchor Positioning，翻译过来即是锚点定位。 在之前的文章中，我们较为系统的讲述了这个新特性的使用，感兴趣的可以翻开

后台返回的菜单数据一般是以下格式，比较重要的就是 path 和 component。其中 path 就是要跳转的路由路径，component 就是指的项目中 vue 页面的路径。

echarts使用中国地图，不下载json版，使用线上json。更快的响应速度，省去下载烦恼，CDN使用阿里地图

前言 项目地址：https://github.com/smithyj/expanse-account 本文仅面向前端用户，其他端请绕道。 项目选型了 Rspack、React 19、React Rou

一行核心代码即可使用 CSS 滤镜的方案实现暗黑模式主题，性价比是非常高！兼容性也不差，尤其适合已经开发完毕的大型网站进行暗黑模式切换，强烈推荐！