WebAssembly 学习路线 | 26 年最新零基础到精通一条龙（万人收藏⭐️）
编程导航学习网站：学编程、做项目、拿 Offer！
企业高频面试题库：开始刷题，面试遇原题！
精选简历模板大全：1 分钟搞定简历！
AI 资源导航网站：获取最新 AI 黑科技！
1 对 1 模拟面试：随时随地提升面试能力
WebAssembly 求职高频面试题：开始刷题
开篇介绍
WebAssembly（简称 WASM）是一种可以在现代 Web 浏览器中运行的新型代码格式，由 W3C 于 2019 年正式标准化。WebAssembly 是一种低级的类汇编语言，具有紧凑的二进制格式，可以以接近原生的性能运行。你可以使用 C、C++、Rust、Go 等语言编写代码，然后编译为 WebAssembly，在浏览器中运行。
WebAssembly 的出现是为了解决 JavaScript 的性能瓶颈。虽然 JavaScript 引擎的性能已经很好，但对于计算密集型任务（如图像处理、视频编码、游戏引擎、科学计算等），JavaScript 的性能仍然不够。WebAssembly 可以让这些计算密集型任务在浏览器中以接近原生的速度运行。
为什么要学 WebAssembly？
WebAssembly 让 Web 应用可以实现以前无法实现的功能。例如，Adobe 的 Photoshop、Figma 的设计工具、AutoCAD 的 Web 版，都使用了 WebAssembly 技术。WebAssembly 不是要取代 JavaScript，而是和 JavaScript 协同工作，让 Web 应用更强大。
WebAssembly 的应用场景包括：游戏开发（Unity、Unreal Engine 可以导出 WASM）、图像和视频处理、音频处理、科学计算、加密解密、虚拟机（如在浏览器中运行 Python、Ruby）、性能关键的库（如 Pyodide、TensorFlow.js 的部分功能）等。
如今，WebAssembly 也开始进入 AI 领域，一些 AI 框架和模型可以编译为 WASM，在浏览器中运行。掌握 WebAssembly，将为 Web 开发打开新的可能。
学习前提
学习 WebAssembly 建议先掌握：
- JavaScript 基础：理解 Web 开发【必学】。关于 JavaScript 的详细学习，可以查看 JavaScript 学习路线
- C/C++ 或 Rust：至少会一门编译型语言【建议】。关于 C++ 的详细学习，可以查看 C++ 学习路线；关于 Rust 的详细学习，可以查看 Rust 语言学习路线
- 浏览器基础：理解浏览器的工作原理【建议】
学习路线图
就业方向
学完 WebAssembly 后，有助于帮你从事下面这些岗位：
- 全栈工程师：开发高性能 Web 应用
- 前端工程师：使用 WASM 优化性能关键部分
- 游戏开发工程师：开发 Web 游戏
- 基础设施工程师：开发高性能 Web 工具
整体学习建议
1）理解 WASM 的定位：WebAssembly 不是要取代 JavaScript，而是补充 JavaScript。大部分 Web 应用仍然使用 JavaScript，只有性能关键的部分使用 WASM。
2）选择一门编译语言：WebAssembly 可以由多种语言编译而来，建议选择 Rust 或 C/C++。Rust 的工具链（wasm-pack）更现代，推荐使用 Rust。
3）理论结合实践：WebAssembly 的概念相对抽象，建议通过实际案例理解。可以先用 Emscripten 或 wasm-pack 编译一个简单的程序，看看效果。
4）学习 WebAssembly 时可以用 AI 工具辅助理解概念、调试代码。可以看看鱼皮的 AI 资源大全 中的工具。
阶段 1：WebAssembly 基础（3-15 天，仅供参考）
学习目标
理解 WebAssembly 的基本概念，掌握 WASM 的加载和执行。
知识点
WASM 基础【必学】：
- WebAssembly 的定义和特点
- WASM 的二进制格式和文本格式（WAT）
- WASM 模块的结构
- WASM 和 JavaScript 的关系
WASM 的加载和执行【必学】：
- WebAssembly API
- 实例化 WASM 模块
- 调用 WASM 函数
- 内存模型
编译语言基础【建议学】：
- C/C++ 基础【如果使用 Emscripten】
- Rust 基础【如果使用 wasm-pack，推荐】
学习建议
1）WebAssembly 的文本格式（WAT）类似汇编语言，可以让你理解 WASM 的底层结构。但实际开发中不需要手写 WAT，都是由高级语言编译而来。
2）WASM 模块可以在 JavaScript 中加载和调用。WebAssembly.instantiate() 可以实例化 WASM 模块，然后就可以调用其导出的函数。
3）如果你会 Rust，推荐使用 Rust 编写 WASM。Rust 的 WASM 工具链非常成熟，而且 Rust 的内存安全特性让 WASM 开发更安全。
学习资源
- ⭐ WebAssembly 官方文档：官方网站
- MDN WebAssembly：MDN 文档
- Rust 学习路线：完整的 Rust 学
