这门课解决什么工作场景

Rust 搭配 WebAssembly，主要解决的是前端在处理重计算任务时的性能瓶颈，比如浏览器里的音视频处理、复杂图表渲染或大体积数据解析。这门课没有铺陈庞大的后端架构，而是把火力集中在 Node 调用和网页前端调用这条链路上。如果你平时写 JavaScript 觉得运行卡顿，想用 Rust 编译出 Wasm 模块来提速，或者想尝试用 Yew 框架写纯前端组件，这里的场景切得很准。它不承诺立刻让你重构公司业务，但能帮你跑通从写代码到网页调用的闭环。

适合什么基础与建议先看哪几块

资料默认你已经摸过基础语法，直接进入实操环节。如果你连变量所有权和生命周期都没概念，建议先补基础再来看。基础尚可的人，建议先看第一章的 Node 热身部分，重点放在编译模块、导入函数和 Struct 互操作上。这几节是打通 JS 调用 Rust 的关键，搞懂怎么在网页里实例化实体，后续接入 Yew 才不会懵。第二章直接切入 Webpack 调用和按钮渲染，是前端落地的核心，别跳过。遇到宏和别名设置卡壳时，别死磕，先跑通主流程再回头查文档。

资料怎么配合练习与学完能做什么

看视频时务必开着编辑器同步敲，别只盯屏幕。每讲结束立刻自己改参数，比如把打印字符换成数组传递，或者给 Struct 加个字段测试序列化。资料里的示例代码是用来改的，不是用来背的。学完这套内容，你能独立用 Rust 写出 Wasm 模块，用 Node 或浏览器调用它，还能用 Yew 搭出带交互的前端页面。这意味着你可以在现有前端项目里，针对卡顿模块做局部替换，或者从零搭一个高性能的网页工具。


之前开了Rust语法速学入门，目前更新到了2/3。与此同时我们进入前端领域：WebAssembly基础入门篇.同时把之前没有讲到的基础知识点在本课程做补充

课程目录

*   第一章:Wasm+node热身篇 cplist.push('第一章:Wasm+node热身篇');/

  *   第1讲:开张课、 编译出第一个wasm模块

  *   第2讲:使用node调用我们的wasm模块

  *   第3讲:导入console.log函数输出字符

  *   第4讲:支持参数打印、使用宏来简化操作

  *   第5讲:编写Struct、在JS中使用实体

  *   第6讲:引入外部模块、申明构造函数

  *   第7讲:Getter和Setter设置、别名设置

*   第二章:yew开发前端入门 cplist.push('第二章:yew开发前端入门');/

  *   第8讲:结合node+webpack、在网页中调用wasm

  *   第9讲:使用web-sys在网页中输出按钮

  *   第10讲:yew入门(1):框架基本使用套路

  *   第11讲:yew入门(2):实现按钮alert点击事件、ComponentLink

  *   第12讲:yew入门(3):模拟一个登陆界面、获取文本框值

  *   第13讲:上节课课后作业:获取用户名和密码

  *   第14讲:【选学】调用Fetch请求远程API

  *   第15讲:wasm调用JS方法渲染在页面上

  *   第16讲:wasm调用JS方法解析JSON

  *   第17讲:【选学】wasm调用JS异步回调方法(模拟ajax)

  *   第18讲:wasm处理调用JS获取JSON对象数组并渲染、升级yew

*   第三章:实例之业务表格开发 cplist.push('第三章:实例之业务表格开发');/

  *   第19讲:渲染商品列表(1):手动创建一个商品列表

  *   第20讲:渲染商品列表(2):给表格加入样式

  *   第21讲:渲染商品列表(3):实现行选中效果(单选)

  *   第22讲:渲染商品列表(4):实现行选中效果(多选)

  *   第23讲:渲染商品列表(5):实现按商品价格排序

  *   第24讲:渲染商品列表(6):在表格上加svg图标

  *   第25讲:渲染商品列表(7):加入复选框列选择行

  *   第26讲:渲染商品列表(8.1):点击单元格的编辑效果

  *   第27讲:渲染商品列表(8.2):单元格编辑之数据保存

  *   第28讲:渲染商品列表(9):显示编辑过的单元格

  *   第29讲:渲染商品列表(10):在表格中新增一行