现在前端对比较实时的场景能否胜任? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
James369
V2EX    程序员

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

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

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

    且不说 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     Solana     3868 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 10:15 PVG 18:15 LAX 03:15 JFK 06:15
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86