工单节点使用指南
• 请用平和的语言准确描述你所遇到的问题
• 厂商的技术支持和你一样也是有喜怒哀乐的普通人类,尊重是相互的
• 如果是关于 V2EX 本身的问题反馈,请使用 反馈 节点
noe132

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

  •  
  •   noe132 · Sep 24, 2017 · 3092 views
    This topic created in 3178 days ago, the information mentioned may be changed or developed.

    一直看火猫的 csgo 直播

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

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

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

    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   844 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 21:52 · PVG 05:52 · LAX 14:52 · JFK 17:52
    ♥ Do have faith in what you're doing.