笔记——歌词滚动效果

思路

拿到歌词时间字符串，将字符串转为对象数组。

获取当前时间对应的歌词下标。

创建歌词元素。

计算歌词应该滚动的距离。

监听音频时间的改变，设置歌词的偏移量。

注意

transition针对数值类的属性有效。

写JS动画的切入点是数据而不是页面。

/** */文档注释的作用是调用函数时可以看到注释。

为防止变量名太多重复，可以把变量放到一个对象里边。

用transform的放大比放大字体的渲染效率高。

使用文档片段可以减少回流，从而提高页面的性能和响应速度。