GoForum › 🌐 V2EX
[开源] Smart Ticker - 做了个有意思的文本差异替换滚动组件,支持任意字符
hibear ·
2025-12-29 20:40 ·
0 次点赞 · 0 条回复
支持中英、数字、字母、符号、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 操作，适合高频数据流场景 |
0 条回复
添加回复
你还需要 登录
后发表回复