Effekte und Codes.
http://u6.gg/Skx
Nachdem es längere Zeit läuft, scheint es angehalten zu sein oder nicht zu reagieren oder es fängt an, etwas hängen zu bleiben
Optimierung suchen oder eine Lösung anbieten.
弹幕增加速度比消失速度快，数量到一定程度之后肯定会卡。
解决办法的话增加弹幕队列的数量上限。
另外因为在不断调用js计算left，所以内存会越来越大，触发GC之后就也会导致卡顿。
然而为啥要用requestAnimationFrame，用css动画吧
用css3 动画?
定时器 一直在 页面中添加元素，可以把 走到最左边的元素删除，只保留页面中的元素
this.data.barrage.item 有34个 控制一下走到最左边的元素删除还有一个注释掉控制台的日志试一试
使用CSS3动画，起始位置为元素左侧贴屏幕右侧，停止位置为元素右侧贴屏幕左侧。当动画结束的时候移动元素。
这个我之前做过 推荐用canvas盖在上面 dom始终会比较卡
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
弹幕增加速度比消失速度快，数量到一定程度之后肯定会卡。
解决办法的话增加弹幕队列的数量上限。
另外因为在不断调用js计算left，所以内存会越来越大，触发GC之后就也会导致卡顿。
然而为啥要用requestAnimationFrame，用css动画吧
用css3 动画?
定时器 一直在 页面中添加元素，
可以把 走到最左边的元素删除，只保留页面中的元素
this.data.barrage.item 有34个 控制一下
走到最左边的元素删除
还有一个注释掉控制台的日志
试一试
使用CSS3动画，起始位置为元素左侧贴屏幕右侧，停止位置为元素右侧贴屏幕左侧。
当动画结束的时候移动元素。
这个我之前做过 推荐用canvas盖在上面 dom始终会比较卡