C++转WASM教程：Emscripten入门指南
用emcc编译C++到WASM最简流程是执行emcchello.cpp-ohello.js，生成hello.js（胶水代码）和hello.wasm（二进制模块）；浏览器需JS加载WASM，不能直接运行.wasm文件。
用emcc编译C++到WASM最简流程是执行emcc hello.cpp -o hello.js，生成hello.js（胶水代码）和hello.wasm（二进制模块）；浏览器需JS加载WASM，不能直接运行.wasm文件。
用 emcc 编译 C++ 到 WASM 最简流程
直接运行 emcc 就能生成 WASM，不需要额外配置构建系统。它本质是 Clang 的封装，所以几乎所有 C++ 语法和标准库（如 std::vector、std::string）都可用，但默认链接的是 Emscripten 自带的 musl libc 和 libc++。
最基础命令：
emcc hello.cpp -o hello.js
这会生成 hello.js（胶水代码）和 hello.wasm（二进制模块）。浏览器不能直接执行 .wasm 文件，必须靠 JS 加载并实例化，所以 emcc 默认输出 JS 胶水——除非你显式禁用。
-o hello.wasm不行：emcc 不接受纯 .wasm 输出目标，会报错error: cannot emit a .wasm file without JavaScript support- 想只生成 WASM？加
--no-entry --standalone-wasm，但此时代码不能调用任何 libc 函数（比如printf、malloc），否则链接失败 emrun hello.html可直接起一个本地服务器打开页面，避免跨域加载 WASM 的报错
导出 C++ 函数供 JS 调用的关键写法
默认编译后，C++ 函数不会自动暴露给 JS。必须用 EMSCRIPTEN_KEEPALIVE 宏标记，或通过 -s EXPORTED_FUNCTIONS 显式声明。
例如，让 JS 能调用 add(int, int)：
#includeEMSCRIPTEN_KEEPALIVE int add(int a, int b) { return a + b; }
然后编译时加 -s EXPORTED_FUNCTIONS='["_add"]'（注意下划线前缀，C++ 符号经编译器修饰后默认带下划线）；或者更简单：加 -s EXPORTED_RUNTIME_METHODS='["ccall","cwrap"]'，这样 JS 里就能用 Module.ccall('add', 'number', ['number', 'number'], [1, 2])。
- 不加
EMSCRIPTEN_KEEPALIVE或未在EXPORTED_FUNCTIONS中列出的函数，会被 LTO（Link-Time Optimization）直接丢弃 - C++ 类成员函数无法直接导出，需包装成自由函数
- 返回
std::string会出问题：WASM 线性内存中没有自动管理字符串生命周期的机制，应改用const char*+malloc+ 手动释放，或用UTF8ToString()在 JS 侧转换
常见报错与绕过方法
编译失败往往不是语法问题，而是 Emscripten 的运行时约束导致的。
undefined symbol: __cxa_throw：用了throw但没开异常支持。加-s DISABLE_EXCEPTION_CATCHING=0（默认关闭，开启后体积增大、性能下降）undefined symbol: malloc：手动写了malloc调用，但链接时没启用动态内存分配。加-s ALLOW_MEMORY_GROWTH=1和-s MALLOC=emmalloc（推荐）或dlmallocfile not found: SDL2：Emscripten 自带 SDL2 支持，但需用-lSDL2链接，且头文件路径已内置，不用额外-I- JS 控制台报
abort(CompileError: WebAssembly.instantiate(): expected magic word 00 61 73 6d, found 3c 21 44 4f：说明服务器返回了 HTML（比如 404 页面）而不是.wasm文件，检查网络面板确认 MIME 类型是否为application/wasm
调试 WASM 的实际手段
不能像本地 C++ 那样用 gdb，但有几条有效路径：
- 加
-g编译，然后在 Chrome DevTools 的Sources → Wasm标签页里看到带符号的 WASM 函数名（需启用WebAssembly Debugging (preview)实验性功能） - 用
console.log插桩：在 C++ 里调用EM_ASM_({ console.log('here'); });，或传参：EM_ASM_INT({ console.log('value:', $0); }, x); emrun --browser firefox启动 Firefox，其 WASM 调试器对局部变量支持更好- 生成源码映射（
-gsource-map-base http://localhost:8080/）后，Chrome 可将 WASM 指令映射回 C++ 行号——但仅限同步函数，异步回调（如事件循环）仍难追踪
真正卡住的时候，往往不是编译或导出问题，而是 JS 和 WASM 之间内存边界没理清：比如把 JS 字符串直接传进 C++ 函数当 char*，却不先用 lengthBytesUTF8 + stringToUTF8 写入线性内存。
WPS Office是一款面向macOS用户的综合办公套件，将文字处理、电子表格、演示文稿、PDF工具、模板与云协作整合在同一应用中。它兼容常见Microsoft Office格式，支持Intel及Apple芯片Mac，基础功能可免费使用，
Shapr3D是一款面向工业设计、机械工程、建筑概念和三维打印工作流的CAD软件。Mac版采用Parasolid建模内核，支持草图约束、实体建模、工程图、可视化渲染及常见CAD格式交换，并可通过账户在多台设备之间同步项目。
REAPER是Cockos开发的数字音频工作站，提供多轨音频与MIDI录制、剪辑、处理、混音和母带制作工具。Mac版兼容Intel与Apple芯片，支持AU、VST、VST3、CLAP等插件格式，并提供高度可定制的工作流程。
Ableton Live 是面向音乐制作人与现场表演者的数字音频工作站，提供编曲视图、独具特色的现场视图、音频录制、MIDI创作、实时变速、乐器及效果器。Mac版原生支持Apple芯片，并可连接音频接口、MIDI控制器和第三方插件。
Adobe After Effects 是面向动态图形、影视特效与视频合成的专业创作软件。它提供关键帧动画、遮罩抠像、运动跟踪、三维空间、文字动画和表达式等工具，并可与 Premiere Pro、Photoshop、Illustrator
Adobe Audition 是面向播客、影视后期、音乐制作及内容创作者的专业音频工作站，提供波形精修、多轨录制与混音、频谱编辑、降噪修复、响度匹配和效果处理工具，并可与 Adobe Premiere 协同完成视频声音制作。
Adobe Bridge 是面向摄影师、设计师及内容团队的免费数字资产管理工具，可集中预览照片、视频和 Adobe 项目文件，并利用评级、标签、关键词、元数据、筛选与收藏集完成分类检索。它还支持批量重命名、格式导出、相机导入及 Camera
Adobe Illustrator 是 Adobe 推出的专业矢量图形设计软件，适合在 Mac 上制作标志、图标、插画、包装、信息图及印刷版面。它以路径和锚点构建可无损缩放的图形，并提供钢笔、形状、文字、图像描摹、渐变、画板及生成式功能。
Adobe InDesign 是面向印刷品与数字出版物的专业版面设计软件，可在 Mac 上制作书籍、杂志、宣传册、海报、报告及交互式文档。它提供精细的文字样式、网格、母版、长文档管理和印前输出能力。
Adobe Lightroom Classic 是面向桌面摄影工作流的照片管理与后期处理软件，可将原始照片保存在本地硬盘，通过目录、关键词、评分和收藏夹高效整理图库，并提供 RAW 冲印、蒙版、镜头校正、批量同步及多格式导出等功能。
Adobe Media Encoder 是 Adobe 推出的专业音视频编码与转码工具，可通过队列、预设和监视文件夹批量完成格式转换、代理文件创建及多平台成片输出，并与 Premiere Pro、After Effects 等软件紧密协作。
Adobe Photoshop 是面向摄影师、设计师和内容创作者的专业图像处理软件，提供图层、蒙版、选区、修复、调色、文字排版、智能对象及生成式编辑等能力。Mac 版支持 Intel 与 Apple Silicon 处理器。
Adobe Photoshop 是面向摄影师、设计师和内容创作者的专业图像处理工具，可在 Windows 上完成照片修饰、选区抠图、图层合成、文字排版、绘画及生成式编辑。软件采用订阅授权，由 Creative Cloud 管理安装、更新与许
Adobe InDesign 是面向印刷与数字出版的专业页面排版工具，可制作书籍、杂志、宣传册、海报、交互式 PDF 和电子书。它提供精细的文字样式、多页面管理、印前检查及多格式输出能力，并能与 Photoshop、Illustrator
Adobe Illustrator 是用于绘制矢量图形、插画、图标、徽标和版式的专业设计工具。它以路径和锚点为核心，作品放大后仍能保持清晰，并提供画板、文字、渐变、图像描摹及精确变换等功能，适合品牌视觉、印刷物料、数字界面和商业插画创作。
Adobe Bridge 是 Adobe 推出的创意资产管理工具，可集中预览、分类和查找照片、视频、PDF及多种设计文件，并支持元数据、关键词、评级、批量重命名和格式导出。它可与 Photoshop、Illustrator 等应用衔接，
Affinity Photo 是一款面向摄影师、修图师和视觉设计人员的桌面图像编辑工具，提供 RAW 显影、多图层合成、蒙版、实时滤镜、批处理和色彩管理等功能。原独立产品已停止销售，其照片编辑能力已延续至免费的新 Affinity 应用；
Adobe Lightroom Classic 是面向 Windows 桌面摄影工作流的照片管理与无损编辑工具，可通过目录集中整理大型图库，并完成 RAW 显影、局部蒙版、批量调整、打印和多格式导出。它强调本地文件管理与精细控制，
Figma 是面向产品设计与开发团队的云端协作平台，可在 Windows 桌面客户端中完成界面绘制、组件管理、交互原型、评论评审和开发交付。文件保存在云端，多名成员能够同步编辑并共享设计系统；官方同时提供免费 Starter 方案及按席位计
Affinity Designer 是面向矢量图形、数字插画和界面设计的专业创作工具，可在矢量、像素与导出工作区之间快速切换。它提供曲线编辑、形状构建、画板、排版、图层和专业色彩管理，并支持常见设计文件的导入及多种印刷、网页格式输出。
Capture One Pro 是面向摄影师和影像团队的专业桌面照片处理工具，提供相机定制色彩配置、RAW转换、图层与蒙版、联机拍摄、目录及会话管理等功能。它适合棚拍、人像、商业产品、婚礼和风光摄影，
Adobe Acrobat Pro 是面向专业 PDF 工作的综合解决方案，可在 Windows 中创建、编辑、转换、比较、整理和保护文档，并支持表单、电子签名、扫描件文字识别及敏感信息永久遮盖。订阅还包含网页、移动服务和云端协作能力，
Adobe After Effects 是面向动态图形、动画与影视视觉特效制作的专业工具，可完成关键帧动画、图层合成、遮罩跟踪、抠像、文字动画和二维三维元素整合。Windows 版通过 Adobe Creative Cloud 安装及更新，
DaVinci Resolve是Blackmagic Design推出的一体化影视后期工具，将素材管理、非线性剪辑、专业调色、Fusion视觉特效、Fairlight音频处理和成片交付整合在统一工程中。免费版已覆盖多数个人创作需求，