支持中英、数字、字母、符号、Emoji 等多种字符，基于 Levenshtein diff 算法，适用于 React/Vue
官网演示： https://tombcato.github.io/smart-ticker
开源地址： https://github.com/tombcato/smart-ticker/
效果展示(gif 有点掉帧,去官网上看比较丝滑)：
✨ 特性
| 🌏 多字符集支持 支持中英、数字、Emoji 等混合滚动，基于 Unicode 宽度自动调整间距 |
🧠 智能差异动画 Levenshtein 算法计算最小变更路径，相同的字符保持静止 |
| ⚡ 平滑中断 动画过程中值突变时，从当前动态位置无缝流向新目标 |
📈 丰富动效 内置 linear, bounce, easeInOut 等缓动，支持 charWidth 微调 |
| 🦄 双框架支持 提供 React (Hooks) 和 Vue 3 (Composition) 组件，API 统一 |
🚀 极致性能 基于 RAF 驱动，无多余 DOM 操作，适合高频数据流场景 |
4 条回复 • 2025-12-30 16:34:59 +08:00
 |
1
watzds 15 小时 53 分钟前
👍👍👍👍
|
 |
2
deathscythe 12 小时 51 分钟前
star 了，效果不错
|
 |
3
hibear OP @deathscythe 感谢支持
|
Select Language