WebGPU Compute 管线实战：绑定组、工作组与内存布局

概述WebGPU 的计算管线以绑定资源与工作组为核心，通过 WGSL 定义内核，实现图像处理、数值计算与 ML 前处理等任务。核心要点（已验证）绑定组：在 `BindGroupLayout` 中声明绑定（buffer/texture/sampler），以 `BindGroup` 绑定到管线（来源）工作组：以 `@compute @workgroup_size(x,y,z)` 指定线程块尺寸；在 WGSL 中使用 `workgroup` 共享内存（来源）内存布局：`struct` 对齐与 `arrayStride`；`StorageBuffer` 的只读/读写权限约束（来源）实践建议对齐与拷贝：遵循对齐规则避免越界；以 `queue.writeBuffer` 和 `mapAsync` 进行数据交换调度：以 `dispatchWorkgroups` 设定维度；合理选择工作组大小与共享内存使用