Vue 弹幕效果 Vue交互示例：Vue 弹幕效果。 博客配套 Vue ← Demo 归档

Vue 弹幕效果

Vue交互示例：Vue 弹幕效果。

更新于 2020-05-17

Web Vue 博客配套 legacy Vue 博客配套

新窗口打开 原路径 /static/html/vue-bullet-biubiubiu.html

简介

Vue 实现弹幕效果：数据驱动弹幕列表与动画。可与原生弹幕页、bug 对比系列一起看。

如何测试验证

1. 发送弹幕，确认轨道滚动。
2. 高频发送时观察性能与重叠。
3. 切换路由或销毁组件，确认定时器 / rAF 已清理。

相关规范与文档

• Vue: Transition
• MDN: requestAnimationFrame
• MDN: CSS transform