GO GUI 构思

最近公司在做一个可视化的项目，由于数据量巨大的问题，看到网上说WebAssembly可以突破一些运行效率的瓶颈，记录一下捣鼓的过程和结果。也希望能给想在前端加入WebAssembly的同学抛砖引玉。 项目是自己搭建的vue+webpack，没有用vue-cli。 Rust环境安装 wasm-pack安装，用来将rust编译成wasm文件。 wasm-pack打包后的文件 ├── rust_wasm.d.ts ├── rust_wasm.js ├── rust_wasm_bg.js ├── rust_wasm_bg.wasm └── rust_wasm_bg.wasm.d.ts 将打包后的文件放到项目里，这里只用到了js文件，需要用ts的同学可以按需引用。并且额外添加了一个 index.js 文件，用作异步引入wasm的作用。 ├── index.js ├── rust_wasm.js ├── rust_wasm_bg.js └── rust_wasm_bg.wasm index.js 正式引用wasm，创建 test.js 测试结果： 从结果可以看出来，在生成md5的效率上，wasm的效率是js的 6 - 8 倍。 WebAssembly module is included in initial chunk. This is not allowed, because WebAssembly download and compilation must happen asynchronous.