哪种技术可用来以良好的性能更新视口中的数千个元素(例如flightradar24.com)? [处于保留状态]

问题描述 投票:1回答:1

我们需要开发用于监视机场的实时Web应用程序。

[其复杂性与flightradar24.com相似,在那里您可以拥有成千上万个实时更新的对象。

我们尝试使用SVG,但是它的性能似乎随着大小的增加而下降。

此外,我尝试使用React.js。但是,我的状态对象非常大(〜32MB嵌套JSON)。这意味着更新状态会很昂贵,因为每次更新我都需要deep clone这个对象。

我看到flightradar24使用了多个小canvas元素。但是,我不知道它们是如何呈现的。

任何经验或技巧对这种要求都会有很大帮助!谢谢。

angular reactjs svg canvas real-time
1个回答
0
投票

我不确定该特定示例,但是我已经使用webgl和regl在浏览器中为> 250k点设置了动画,而没有任何性能问题。这是向我指出正确方向的指南:https://bl.ocks.org/pbeshai/51d05995c5410a52116f89738144c622

© www.soinside.com 2019 - 2024. All rights reserved.