我们需要开发用于监视机场的实时Web应用程序。
[其复杂性与flightradar24.com相似,在那里您可以拥有成千上万个实时更新的对象。
我们尝试使用SVG,但是它的性能似乎随着大小的增加而下降。
此外,我尝试使用React.js。但是,我的状态对象非常大(〜32MB嵌套JSON)。这意味着更新状态会很昂贵,因为每次更新我都需要deep clone这个对象。
我看到flightradar24使用了多个小canvas元素。但是,我不知道它们是如何呈现的。
任何经验或技巧对这种要求都会有很大帮助!谢谢。
我不确定该特定示例,但是我已经使用webgl和regl在浏览器中为> 250k点设置了动画,而没有任何性能问题。这是向我指出正确方向的指南:https://bl.ocks.org/pbeshai/51d05995c5410a52116f89738144c622