WebAssembly与WASI：边缘与后端运行时选型
对比 WASM/WASI 在边缘与后端的运行时能力与安全模型，理解插件化与多语言互操作的选型与约束。
框架与平台
WebAssembly与插件化架构：WASM沙箱与能力边界
以 WASM 的安全沙箱与能力模型为核心，构建可扩展的插件化架构，并明确宿主接口与权限边界。
WebCodecs 图像编解码：ImageDecoder 与 ImageEncoder
使用 WebCodecs 的 ImageDecoder/Encoder 进行高效图像编解码，适配大量图片处理与导出场景，含流式与内存治理建议。
WebCodecs 视频编解码：VideoDecoder 与 VideoEncoder 管线
使用 WebCodecs 的 VideoDecoder/Encoder 管线进行高性能视频编解码，适配播放器与录制场景，包含帧处理与资源治理建议。
WebCodecs 音频编解码：AudioDecoder 与 AudioEncoder 管线
"介绍 WebCodecs 的音频编解码接口，演示解码帧到 PCM、编码帧输出、与 AudioWorklet/MSE/WebRTC 的协作与取舍，提供示例与验证。"
WebComponents与Shadow DOM：样式隔离与Slot组合
掌握自定义元素与 Shadow DOM 的隔离与插槽机制，构建可复用组件并治理样式与事件边界。
WebGL2 基础：上下文、VAO/VBO 绘制与兼容建议
"介绍 WebGL2 的上下文初始化、缓冲与顶点数组对象、基本着色器与绘制流程，结合性能与兼容建议，提供示例与参考。"
WebGPU Compute 管线实战：绑定组、工作组与内存布局
讲解 WebGPU 计算管线的核心概念，覆盖绑定组、工作组与存储缓冲的内存布局，构建高效的通用计算任务。
WebGPU 前端实战与兼容性注意
引言WebGPU 提供更现代的图形与计算接口，适合高性能渲染与本地计算场景；前端实践需关注浏览器支持与降级策略。兼容与实践要点（参考）浏览器支持：优先在 Chrome/Edge 的稳定版本中验证，Safari 与 Firefox 支持需查看版本通告与试验特性。渲染管线：合理组织 shader、bin
WebGPU 实战：渲染与计算管线基础
"介绍 WebGPU 的适配器与设备获取、画布配置、基础渲染管线与 WGSL 着色器示例，涵盖部署与兼容注意事项。"
