有火猫的同学么,火猫改版后卡的不行

2017-09-24 15:12:48 +08:00
 noe132

一直看火猫的 csgo 直播

看了一下,现在直播右侧的弹幕窗口居然是一个用 relative 定位的元素 一有弹幕就往里面 append 节点,然后设置 top 的值。而且没有上限,一不小心里面几百几千条弹幕就是几千个 dom 节点,然后再设置 top 的值,到后面 top 变成 负几万,一有弹幕添加就卡的不行。。。

你们前端没有测试性能问题的么。。。。

1.限制列表长度,看一段时间直播有时候里面几万个 DOM 节点,怎么能不卡 2.不要用 relative 定位。用正常的 flow 就行,建议参考 douyu 的弹幕框实现 3.transform: translateZ(0) 强制开启硬件加速

2620 次点击
所在节点    全球工单系统
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/393222

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX