支持中英、数字、字母、符号、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 操作,适合高频数据流场景 |
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.