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

2023-11-27 19:44:41 +08:00
 James369

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

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

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

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

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

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

https://fpsgo.net/
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
2023-11-27 23:04:47 +08:00
https://ys.mihoyo.com/cloud/#/

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

现在协同编辑软件都搞的定,你这 100ms 刷新一次有什么搞不定的
James369
2023-11-28 20:54:24 +08:00
@nianyu 厉害,答对了一半。确实有几个候选在评估,还有 Qt 和 Flutter ,但我看前端最顺眼(轮子最多)。不过还差几项,比如本地存储能力,并行处理,动画表现力,C++互操作等。
vacants
2023-11-28 22:22:56 +08:00
@James369 本地存储 indexDB ,我司在用,并行处理 web worker ,动画不用说,C++ 交互 有 wasm 也很方便了
ZGame
2023-11-29 14:09:30 +08:00
就 10 个图表.... echart 套套就行了,主要是看你硬件是啥吧....

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/995705

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX