V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
工单节点使用指南
• 请用平和的语言准确描述你所遇到的问题
• 厂商的技术支持和你一样也是有喜怒哀乐的普通人类,尊重是相互的
• 如果是关于 V2EX 本身的问题反馈,请使用 反馈 节点
noe132
V2EX  ›  全球工单系统

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

  •  
  •   noe132 · 2017-09-24 15:12:48 +08:00 · 2693 次点击
    这是一个创建于 2621 天前的主题,其中的信息可能已经有所发展或是发生改变。

    一直看火猫的 csgo 直播

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

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

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

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1048 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 19:54 · PVG 03:54 · LAX 11:54 · JFK 14:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.