为什么选择 WasmUX
性能极致、语法兼容、微前端原生、生态友好、安全增强
解决你的三大痛点
痛点
框架选型难，React/Vue 难以兼顾
双语法支持
Vue 模板 + React JSX，一套框架两种写法，团队无需站队
痛点
万级列表卡顿、Diff 耗时长
Wasm 加速 Diff
WebAssembly 驱动虚拟 DOM Diff，万级节点渲染 ≤100ms，告别卡顿
痛点
微前端隔离不彻底、通信低效
四层隔离 + 加密通信
JS/样式/路由/Wasm 四层隔离，内置加密通信，企业级安全
痛点
多技术栈整合困难
生态兼容
无缝集成 React/Vue 组件，微前端接入 ≤3 步
用数据说话
性能提升 3–8 倍，包体积更小，体验更流畅
| 场景 | WasmUX | React 18 | Vue3 | qiankun |
|---|---|---|---|---|
| 万级列表渲染 | ~80ms | ~350ms | ~300ms | - |
| 1000 组件更新 | ~40ms | ~150ms | ~120ms | - |
| 10 万条跨应用通信 | ~45ms | - | - | ~320ms |
| 框架核心包体积 | ~24KB gzip | ~42KB | ~33KB | - |
5 分钟上手
安装与最小示例
bash
npm install @jianghuizhong/wasmux
import { WasmUXApp } from '@jianghuizhong/wasmux';
const container = document.getElementById('app')!;
const app = new WasmUXApp(container, {
root: container,
syntax: 'template',
});
app.mount('<div class="app"><h1>Hello WasmUX!</h1><p>高性能微前端框架</p></div>');