@secondwtq

对于我来说，只要是浏览器页面上的单个元素，我都叫 DOM 。比如 html 里，svg 的<rect>标签，就是一个 DOM 。

在 figma 里面，canvas 上的单个 rect ，内部肯定也是一个元素对象。就是没有浏览器 BOM 对象一一对应，这样叫虚拟 DOM ，也都习惯了。

你用 react-canvas 举例，WASM 能做的 UI 框架，JS 也都行，这没问题。但 JS 是无类型的动态语言，写个严谨的算法，需要额外语法补丁太多。算法真的出个错，有时候内部 BUG 都不太好调试，费力不讨好。

放弃 JS ，选择 WASM 写代码就是为了舒心。说运行速度什么，那都是次要的。

@oubenruing 那个 github 列表，只是用来说明 DOM 事件可以不用 JS 处理。把 ui state 和 event 打包，发给远程服务器，可以用其他语言来处理。

其他语言也可以编译成 wasm 放进浏览器里，那就是消息打包，发给本地的 wasm 内部函数来处理。

对于我来说，写 WebUI 并不需要很高的性能，通过 JS 胶水层来代理控制 DOM ，完全够用。

通常界面都是用户点击后，才会刷新，是个非常低频的函数调用，都不怎么需要去费力优化。只有游戏的 directui ，保持每秒 60 帧刷新率，那才真的需要优化。

@oubenruing

https://github.com/dbohdan/liveviews

@yaphets666

软件工程最重要的是代码复用，JS 代码复用性和跨平台移植性，远远没有虚拟机 WASM 来的好。

可能没看到实际代码，想法相互理解不了，也正常。反正我自己写的很爽。

前端那么卷，职业规划被 JS 限制死不是什么好事，不利于和后浪竞争。

大家天天用 Babel 支持 ES 新特性，我不过把别的语言编译到 WASM ，再从 WASM 编译回 JS 来运行，这并不奇葩的，最多小众了一点。

靠谱的同事不好找，招水平太高的，留不住人。

个人努力比技术要重要。

@yaphets666

仔细看 B 站视频，视频里的 WASM ，就是用来写逻辑的。你不用，不代表别人也不用啊。

所谓“真正的工程”，JS 也是这几年，才刚从 TS 体系建立起来。而 WASM 背后别的语言，很多都有几十年大工程的经验积累，随便哪个体量，都是秒杀普通前端项目的。

@secondwtq

"WASM 里面也可以做虚拟 DOM ，但是要做 DOM 必须过 JS 。"

不用必须经过 JS ，WASM 可以直接在 canvas 上自绘制，有 gpu 加持后，性能很高的。

@secondwtq
表格的虚模式也不是万能的，第一只能呈现相对简单的结构，第二会让前端代码逻辑变复杂，不好维护。
在 wasm 里，不渲染的 DOM 对象，仅仅只是占个内存，不会让浏览器实际运行变卡。
现在大家缺的不是内存，是性能。JS 为了绕过海量 DOM 缺陷，给代码打上无数个补丁，绕来绕去，这也是我不喜欢 JS 的地方。

@icySoda

仔细看 B 站视频，每次渲染都是局部 DOM 替换，速度很快的。用前端的属于，这叫细粒度更新。

前端真正的性能挑战，在于处理 DOM 海量数据的数据上。

这点传统 VUE 的框架有致命缺点，就是 DOM 节点数量有上限。WASM 则刚好弥补全这点，参见 figma 的设计，全都是 WASM 里面的内存对象去模拟 DOM 。

@DOLLOR

js 繁荣，是因为互联网平台提供的工作机会，养活了一大批人。

这些人是 JS 选择了他们，不是他们选择了 JS 。

@shyling “和用个 scala, kotlin 生成个 js 也没啥区别吧”

是没区别，就是单纯的不喜欢 JS 语法，操作的是对象，不是内存，玩不出花样。

写习惯了别的语言后，换 JS 总有一种说不出来的束缚感。

只不过浏览器和 APP 的存在，导致大家又离不开 JS ，所以 vue 和 react 才那么受欢迎。如果当初没发明 JS ，也许现在互联网会更好。

@shyling

不啊，blazor 是基于 C#的，我不太喜欢 C#。

wasm 又不限制特定语言，随心所欲都可以。

以前用 php 写后端模板，后来用 js 写前端模板。写多了，真的是烦透了用 js 拼接字符串，不想再玩了。

我说一下自己 wasm 模式下的前端吧，还是和上面视频有点区别，没用到 websocket 。

简单来说，就是把 UI 状态和 DOM 节点还有点击之类的事件，打包后发送给 wasm 内部处理。

wasm 内部用其他语言接管逻辑，对 UI 状态解压，对事件响应。同时用模板生成的页面 DOM ，再发送给浏览器生成动态 UI 。

由于 wasm 是浏览器端的，完全不需要服务器辅助，帮我替换了几乎 90%以上的前端逻辑 JS 代码。

@murmur

https://www.bilibili.com/video/BV1244y1e7W2

我写的代码，基本上和这个视频介绍的非常接近，八九不离十。

搬就没必要了，你可以考虑加个国内的 CDN ，把大文件下载给加速一下。

@mxT52CRuqR6o5

"wasm 现在生态肯定比不过 js 啊，js 有那么多现在的样式库，wasm 的有多少"

正常来说，用 WASM 和用 JS 的，是两种项目两类人，相互之间没太多交集的。

只有极少数我这种用 WASM 写前端逻辑的，习惯后，我个人觉得比写 JS 舒服。

@mxT52CRuqR6o5

wasm 支持高版本 IE ，他只是一个堆栈虚拟机，运行时可以编译成 JS 的。

"js 调试工具可太完善了，不就是 chrome dev tools 么"

JS 调试和早年比是体验好不少，但和别的语言比，还是有不少差距的。

去年 google 给 chrome 特别支持了 wasm 调试，就是源语言变量也能完美显示的那种。

而且 wasm 是偏二进制内存处理，这点恰恰是 js 的弱项。js 的强项是处理文本逻辑。

我也不知道为什么那么多人喜欢用 JS 。

同样学 wasm ，也可以做到前后端逻辑通吃，使用语言又完全随心所欲。

JS 开发调试工具没那么完善，写起来就好比把双手双脚束缚起来，完全没办法发挥全部潜力，跳不到最高点的。