一直看火猫的 csgo 直播
看了一下,现在直播右侧的弹幕窗口居然是一个用 relative 定位的元素 一有弹幕就往里面 append 节点,然后设置 top 的值。而且没有上限,一不小心里面几百几千条弹幕就是几千个 dom 节点,然后再设置 top 的值,到后面 top 变成 负几万,一有弹幕添加就卡的不行。。。
你们前端没有测试性能问题的么。。。。
1.限制列表长度,看一段时间直播有时候里面几万个 DOM 节点,怎么能不卡 2.不要用 relative 定位。用正常的 flow 就行,建议参考 douyu 的弹幕框实现 3.transform: translateZ(0) 强制开启硬件加速
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.