起因: 活动需求需要使用弹幕的形式展示内容
解决: 首先是找到一个vue-baberrage
然后使用起来看起来也没有什么问题,最后当我打开浏览器rendering的paint flash发现重绘严重
最后找到一个vue-danmaku 组件,发现不会频繁重绘
定位:弹幕移动使用transform改变位置,并使用will-change进行优化
will-change属性通过告诉浏览器什么属性、什么元素将会发生变化,可以对这些操作进行可能性的优化,由此提高CSS动画的执行效率
大量的节点动画渲染可以选择canvas或者webgl进行开发,作者太菜了,暂时还不太会
声明: 作者不是这两者的开发者,只是使用者,如有错误,欢迎指出