前端性能提升之 - electorn 结合 vue3 使用webworker 调用go打包的wasm_go打包vue

前端性能提升之——————electorn 结合 vue3 使用webworker 调用go打包的wasm

参考地址，有兴趣可以拉下来看下 gitHub地址

介绍：

1.webworker : 独立于 Web 应用程序主执行线程的后台线程中运行。这样做的好处是可以在独立线程中执行费时的处理任务，使主线程（通常是 UI 线程）的运行不会被阻塞/放慢。
2.wasm: 全称WebAssembly，wasm 并不是传统意义上汇编语言（Assembly），而是一种中间编译的字节码，执行效率相比js更高。

一. 初始化electorn 项目

1.创建一个electorn项目，这里我使用的是electorn官方提供的脚手架electron-forge 官网地址

2.默认我们安装nodejs 命令行 执行 npm init electron-app@latest my-app -- --template=vite 安装基于vite 的 electorn

3.在项目里面npm install 安装需要的前端包， 执行npm run start 运行项目

二. 加载vue3

1.执行npm install vue@next 安装，创建App.vue view文件夹

2.在render.js中添加以下代码

import { createApp } from 'vue'
import router from "./router/router"


import App from './App.vue'

const app = createApp(App)
app.use(router)
app.mount('#app')

console.log('
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/木道寻08/article/detail/784683