webassembly

小猪猪屁4 天前
前端·vue.js·webassembly
WebAssembly 从零到实战:前端性能革命完全指南听说过WebAssembly吗?你可能在技术文章或者大会上听过WebAssembly这个名词,甚至有人喊它是“Web的终极武器”。但现实是,绝大多数前端项目里,它并不是每天都要用到的东西。为什么呢?因为它的主要价值在于让Web能跑得更快、更接近原生性能,尤其是当你需要做大型计算、游戏引擎或者复杂图像处理的时候。对于大部分日常业务开发,JavaScript已经够用了。
pepedd8646 天前
前端·webassembly·trae
WebAssembly简单入门参考文档WebAssembly (简称 Wasm) 是一种为网络设计的二进制指令格式,它提供了一种紧凑的二进制格式,使代码能以接近原生的速度运行在浏览器中。
受之以蒙9 天前
笔记·rust·webassembly
Rust & WebAssembly 实践:构建一个简单实时的 Markdown 编辑器欢迎回到【Rust & WebAssembly】系列!在前面的八篇文章里,我们已经完成了 Rust 与 WebAssembly 的基础知识和技术、工具的介绍。理解了 Rust 与 WebAssembly 的核心概念,还熟练掌握了编写 WebAssembly 应用的关键工具:用于工程打包的 wasm-pack、用于接口绑定的 wasm-bindgen、用于 DOM 交互的 web-sys 和 js-sys。同时介绍了如何进行 性能优化,确保我们的应用产物高效而强大。
wayhome在哪11 天前
javascript·性能优化·webassembly
3 分钟上手!用 WebAssembly 优化前端图片处理性能(附完整代码)在前端开发中,图片压缩、滤镜处理等操作若纯靠 JavaScript 实现,面对高清图片时往往会出现卡顿,尤其在移动端设备上更为明显。而 WebAssembly(Wasm)凭借接近原生的执行效率,能大幅提升这类计算密集型任务的性能。本文将以「前端图片灰度化处理」为例,带你快速掌握 Wasm 在实际项目中的应用,全程仅需 3 分钟,含完整代码可直接复用。
yangholmes888813 天前
前端·webassembly
EMSCRIPTEN File System 入门这篇我们跳出 GDAL 的范围,讨论一下 emscripten 的特性。在计算机中,文件系统 File System 一种以文件方式管理和访问数据的方式。数据存储在形形色色不同的硬件设备中,每种不同的设备访问数据的方式都不一样,文件系统将这些晦涩难懂的数据管理和访问抽象成统一的接口,用户就可以在不了解物理设备参数的情况下,通过一个个简单的文件管理和访问存储在上面的数据。不同的操作系统各自在不同时期发展出不同的文件系统,比如 Linux 支持 ext 、ext2 等,Windows 支持 NTFS 、FAT
yangholmes888818 天前
前端·webassembly
如何在 web 应用中使用 GDAL (三)这篇研究优化。上上篇介绍了一个完整的编译脚本,运行这个脚本可以顺利编译出 GDAL WebAssembly 版本的产物。
yangholmes888819 天前
前端·webassembly
如何在 web 应用中使用 GDAL (二)上一篇已经把编译搞定了,这一篇来看看怎么用。WebAssembly 名字带 assembly ,确实很像汇编语言,它位于中间表达和机器码之间。跟使用其他 JavaScript 库不同, WebAssembly 并不能像 esmodule 那样通过 import 指令将代码加载到线程中,也不能使用 <script> 加载,因为它并不是 JavaScript 。
yangholmes888820 天前
webassembly
如何在 web 应用中使用 GDAL (一)开胃菜有过 GIS 相关开发工作的朋友都知道,GDAL 是 GIS 图形处理最强大的工具,对于 native 客户端和服务端的开发者来说非常友好,提供了适用于多种 CPU 和操作系统的可执行文件和 lib 文件,只要开发者使用的不是小众平台,都能轻松方便地获取。但对于 GDAL 来讲, Web 就是一个小众平台,并没有提供这个平台的任何支持。所以一般地, WebGIS 软件都会将 GDAL 相关服务部署到服务端,客户端通过 HTTP 请求的方式调用。这个方案有一些不足:
DogDaoDao1 个月前
云原生·音视频·编译·wasm·webassembly·流媒体·多媒体
WebAssembly技术详解:从浏览器到云原生的高性能革命2015年,当Mozilla、Google、Microsoft和Apple四大浏览器厂商联合发布WebAssembly(Wasm)技术预览时,业界尚未意识到这将开启Web性能的新纪元。作为继HTML、CSS、JavaScript之后的第四种Web标准语言,WebAssembly的设计目标直指JavaScript难以突破的性能瓶颈——接近原生的执行效率与跨语言编译目标的双重定位,使其从诞生之初就肩负着重塑Web应用边界的使命。
受之以蒙1 个月前
笔记·rust·webassembly
Rust & WebAssembly 性能调优指南:从毫秒级加速到KB级瘦身WebAssembly 作为一种高效的运行时技术,已广泛应用于前端开发中。然而,要充分发挥Wasm性能优势,还需要关注一些关键因素。在 Rust 与 Wasm 的结合使用中,主要影响性能的因素包括数据拷贝和函数调用开销。
受之以蒙1 个月前
笔记·rust·webassembly
web-sys进阶:事件处理、异步操作与 Web API 实践上一篇文章中,我们步了解了如何使用 web-sys 在 Rust 中操作浏览器的 DOM。那么接下来,我们将更进一步,探索 web-sys 的高级功能,包括复杂的事件处理、异步操作、网络请求、绘图操作、本地存储以及定时器的使用。
PegasusYu1 个月前
electron·nodejs·wasm·webassembly·ibm·crc16·crc-16
Electron使用WebAssembly实现CRC-16 IBM校验将C/C++语言代码,经由WebAssembly编译为库函数,可以在JS语言环境进行调用。这里介绍在Electron工具环境使用WebAssembly调用CRC-16 IBM格式校验的方式。
受之以蒙1 个月前
笔记·rust·webassembly
Rust & WebAssembly:探索js-sys的奇妙世界js-sys 是 wasm-bindgen 工具链中的一个底层核心库。它提供了对 JavaScript 全局对象和内置对象的裸绑定(raw bindings),即对 JavaScript 全局对象和内置类型的原生绑定。它不添加抽象层,让你在 Rust 中直接操作 JS 原生对象,就像在 JavaScript 中一样自然。
Jacob02341 个月前
架构·rust·webassembly
为什么现在越来越多项目选择混合开发?从 WebAssembly 在无服务器中的表现说起“混合式的方法出奇地有效。”这句话虽然简单,但在计算机发展的几十年中反复被验证。从早期用汇编语言加速 BASIC 写的游戏,到 C 语言中保留内联汇编优化关键路径,再到现代微服务架构中以 Go 写数据层、以 JS 写交互逻辑——“让合适的语言处理合适的任务”一直是工程理性的体现。
奇舞精选1 个月前
vue.js·webassembly
从零开始实现Vue3+WebAssembly万级数据表格开发流程本文案例代码仓库接上文,5.0版本WebAssembly(Wasm)不能直接操作 Canvas,但它可以作为 Canvas 表格的“核心引擎”,处理高性能的计算和数据管理,渲染依然需要通过 JavaScript 调用 Canvas API 实现。
PegasusYu2 个月前
javascript·electron·nodejs·wasm·webassembly·crc·crc16
Electron使用WebAssembly实现CRC-16 原理校验将C/C++语言代码,经由WebAssembly编译为库函数,可以在JS语言环境进行调用。这里介绍在Electron工具环境使用WebAssembly调用CRC-16 原理格式校验的方式。
王道之矢2 个月前
chrome·webassembly
重现 Chrome 经典:用 WebAssembly 打造像素级完美的二维码生成器扩展还记得 Chrome 浏览器曾经内置的二维码生成器功能吗?那个简洁优雅的界面,带有标志性 Chrome 恐龙图标的二维码,曾经是我们分享网页链接的得力助手。虽然 Google 在某个版本中移除了这个功能,但今天我要介绍一个令人兴奋的开源项目——它不仅重新带回了这个功能,更是在技术实现上达到了像素级的完美复刻。
踢足球的,程序猿3 个月前
前端·javascript·前端框架·wasm·webassembly
WebAssembly的本质与核心价值二进制指令格式:基于堆栈的虚拟机二进制指令,专为高性能编译目标设计。跨平台执行:可在浏览器、Node.js甚至边缘计算设备运行,实现“一次编译,处处运行”。
JacksonGao3 个月前
webassembly
如何使用WebAssembly解决Web前端性能瓶颈在 Web 前端中使用 WebAssembly(WASM) 是解决性能瓶颈的有力方案,尤其适用于 CPU 密集型、数学计算密集型或图像/音视频处理等场景。
受之以蒙3 个月前
前端·rust·webassembly
Rust+Wasm利器:用wasm-pack引爆前端性能!《Rust Wasm 探索之旅:从入门到实践》系列一:当 Rust 遇见 WebAssembly:Wasm 与 Rust 生态初探(入门篇)