一.知识准备 1.动画 动画——我们的眼睛具有“视觉暂留”的特性，当我们看到一幅画或一个物体后，在0.34秒内不会消失，当我们在0.34秒内切换画时，就会有一种流畅地动画效果，整个画面看起来像是在动的

看B站时，对弹幕的实现产生了兴趣，一开始想到用css3动画去实现，后来感觉这样性能不是很好，查了下资料，发现可以用canvas实现，于是就摸索着写了一个简单的弹幕。 弹幕滚动的基本思路就是通过定时器不断地改变弹幕的位置，时时重绘画布。 先加入一个canvas标签，这里有个注意点…

这一次改版做了插入弹幕立即显示，原来的弹幕插入只会出现在列表的最后。弹幕的插入轨道也是上一条弹幕出现一定距离后自动插入到后面，符合流式布局的格式。

Hello，大家好，我是小羽同学，一个平凡而又不甘于平凡的前端开发工程师~ 嘿嘿嘿，好兄弟们，是不是很意外，该系列文章突然又更新了！！！！ 其实吧有两个原因。 一是阿宽连小册都出来了，而我的第一篇系列

最近做年终活动，许愿的时候希望可以以弹幕的形式出现。 以下一步步，说明弹幕逻辑。本文的弹幕较为简单，重在说明弹幕逻辑。 先写段静态的文字。 但是一行通常不止一个弹幕，肯定不能block，所以这里的bullet-item需要处理下，这里我用定位的方式（主要为了之后的弹道，定位更方…