V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
James369
V2EX  ›  程序员

现在前端对比较实时的场景能否胜任?

  •  
  •   James369 · 2023-11-27 19:44:41 +08:00 · 2415 次点击
    这是一个创建于 369 天前的主题,其中的信息可能已经有所发展或是发生改变。

    很久没有接触前端了,不知道现在这块进展如何?

    且不说 3D 这块如 FPS 实时射击游戏需要在毫秒级进行响应。就说一下 2D 下的一些图形展示吧。

    比如,我现在有个页面需要展示 10 张图表(有饼图,直方图,折线图等),每张图表数据不超过 10 维/组,那么这 10 个图表,能否做到 100ms 刷新一次(重绘一次)?

    19 条回复    2023-11-29 14:09:30 +08:00
    James369
        1
    James369  
    OP
       2023-11-27 19:57:38 +08:00
    补充一下:不是网络应用,是本地应用(基于 Tauri ,electron 这类的)
    timethinker
        2
    timethinker  
       2023-11-27 20:20:10 +08:00 via iPhone
    100ms 也就是 10fps ,轻轻松松呀,你看看 three.js 的效果,3D 都能搞,更别说只是 2D 了,很多图表的库都用 canvas 来做,webgl 渲染很快的。不过对于数据实时性要求高的肯定还是要网络支持,比如基于 udp 的 http3 。
    James369
        3
    James369  
    OP
       2023-11-27 20:26:08 +08:00
    @timethinker 好的多谢,看来有信心了
    tool2d
        4
    tool2d  
       2023-11-27 20:48:34 +08:00
    浏览器对于 js 运行时优化是很强的。

    我自己测试下来,本地 C++代码算法跑 0.3 秒,换到 wasm 跑 0.6 秒,换到 js 跑 1 秒。

    虽然不能和高度优化的本地代码比,但是处理普通业务都是完全没问题的。
    leedstyh
        5
    leedstyh  
       2023-11-27 21:13:09 +08:00   ❤️ 1
    可以自己去体验下 FPS 游戏

    https://fpsgo.net/
    pikko
        6
    pikko  
       2023-11-27 22:51:08 +08:00
    webgl 都已经是过去式了,现在已经是 WebGPU 的时代了,主流浏览器规范已经制定完了正在推进(就差 safari 了)
    https://codelabs.developers.google.com/your-first-webgpu-app?hl=zh-cn#0

    下一个十年,请看 web 引领全场
    hamsterbase
        7
    hamsterbase  
       2023-11-27 23:04:47 +08:00
    https://ys.mihoyo.com/cloud/#/

    可以试试看网页里玩原神。 有 60 帧
    iomect
        8
    iomect  
       2023-11-27 23:13:40 +08:00
    网易云游戏之前试用的时候玩 wow 有 30 帧 还算流畅
    iomect
        9
    iomect  
       2023-11-27 23:13:59 +08:00
    @iomect 补充一下是 web 版的云游戏
    kingjpa
        10
    kingjpa  
       2023-11-27 23:24:52 +08:00
    可以试试网易家的 3a 游戏, 性能爆裂,比我本地效果还要好, 虽然 web 可能只做显示,不做运算,但也是 web 端。
    ragnaroks
        11
    ragnaroks  
       2023-11-27 23:55:55 +08:00
    不说 GL 那些较新的技术,单纯 DOM 本身也不是 GDI/+ 能碰得了的,浏览器这个玩意真的是几代人的心血
    Aloento
        12
    Aloento  
       2023-11-28 04:23:21 +08:00
    @hamsterbase #7 云原神实际上是 Windows 套皮,换了个手机端的 UI ,然后串流
    Aloento
        13
    Aloento  
       2023-11-28 04:24:40 +08:00
    @ragnaroks #11 但凡有一个死循环就大寄特寄(说的就是微软
    MEIerer
        14
    MEIerer  
       2023-11-28 09:21:52 +08:00
    可以
    wangtian2020
        15
    wangtian2020  
       2023-11-28 10:38:49 +08:00
    用 electron 能自己控制 chromium 版本,最新版不是想干啥干啥,全世界几十亿人跑浏览器怎么会有性能问题
    nianyu
        16
    nianyu  
       2023-11-28 14:34:15 +08:00
    你不是很久没接触过前端了,你是压根没了解过好吧。更像是一个做需求的老板或者 TL ,面对团队中不确定的任务,来提问的。

    现在协同编辑软件都搞的定,你这 100ms 刷新一次有什么搞不定的
    James369
        17
    James369  
    OP
       2023-11-28 20:54:24 +08:00
    @nianyu 厉害,答对了一半。确实有几个候选在评估,还有 Qt 和 Flutter ,但我看前端最顺眼(轮子最多)。不过还差几项,比如本地存储能力,并行处理,动画表现力,C++互操作等。
    vacants
        18
    vacants  
       2023-11-28 22:22:56 +08:00 via iPhone
    @James369 本地存储 indexDB ,我司在用,并行处理 web worker ,动画不用说,C++ 交互 有 wasm 也很方便了
    ZGame
        19
    ZGame  
       2023-11-29 14:09:30 +08:00
    就 10 个图表.... echart 套套就行了,主要是看你硬件是啥吧....
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2611 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 03:56 · PVG 11:56 · LAX 19:56 · JFK 22:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.