一直看火猫的 csgo 直播
看了一下,现在直播右侧的弹幕窗口居然是一个用 relative 定位的元素 一有弹幕就往里面 append 节点,然后设置 top 的值。而且没有上限,一不小心里面几百几千条弹幕就是几千个 dom 节点,然后再设置 top 的值,到后面 top 变成 负几万,一有弹幕添加就卡的不行。。。
你们前端没有测试性能问题的么。。。。
1.限制列表长度,看一段时间直播有时候里面几万个 DOM 节点,怎么能不卡 2.不要用 relative 定位。用正常的 flow 就行,建议参考 douyu 的弹幕框实现 3.transform: translateZ(0) 强制开启硬件加速