Lab

关于交互、界面细节与前端工程的小型实验。

交互实验

Magic Bento 把信息卡片、指针位置、局部高光和点击选择合成一个轻量 React 交互案例，用于展示复杂内容入口如何保持可扫读、可探索和可确认。

SVG Mask Effect 用指针位置驱动同内容双层遮罩，默认保持案例原色，只在 hover 位置显示反色区域，适合作为技术博客中的状态对照案例。

Border Glow 用指针位置驱动边框高光，把用户注意力、可点击区域和确认状态合在一个轻量面板里。

Scroll Observatory 用 viewport、overscan 和滚动偏移把虚拟列表的可见窗口解释清楚，适合作为复杂滚动容器的交互调试案例。

better-scrollbar 适配 React/Vue，面向海量数据场景，提供虚拟滚动、自定义滚动条、动态尺寸计算、吸顶分组、底部锚定与长列表渲染能力。

vite-plugin-keep-console：Vite 日志管控插件，支持按函数、文件路径、注释标记规则，灵活删除 / 保留 / 上报控制台日志，亦可违规拦截构建。