技术栈
webassembly
Tlink
20 小时前
webassembly
·
webassembly实践
WebAssembly:十年磨一剑,这些实践案例让我看到了它的真面目
不是锤子,也不是钉子——我在寻找WebAssembly的真正边界最近在研究WebAssembly(Wasm)时,我陷入了一场自我辩论。一边是铺天盖地的技术布道:"Wasm将取代JavaScript!",另一边是冷静后的思考:它真的适合所有场景吗?
穷人小水滴
11 天前
webassembly
·
编译器
·
llvm
LLVM IR 入门: 使用 LLVM 编译到 WebAssembly
LLVM 是一个强大的开源编译器基础设施, 或者说是一个通用的优化器和编译器后端. 有很多编程语言, 比如 rust, 编译器把高级语言源代码编译为 LLVM IR, 然后再通过 LLVM 编译成 CPU 可执行的二进制代码.
RichardLau_Cx
25 天前
前端
·
vue
·
react
·
webassembly
·
mediapipe
·
手部追踪
·
前端计算机视觉
【保姆级实操】MediaPipe SDK/API 前端项目接入指南(Web版,可直接复制代码)
前言:MediaPipe 作为 Google 开源的跨平台计算机视觉框架,在前端领域(Web)的应用越来越广泛,比如手部追踪、人体姿态估计、人脸检测、手势识别等场景,无需深厚的AI基础,就能快速集成到前端项目中。
AurumVision
1 个月前
webgl
·
webassembly
·
我的世界
·
前端技术
·
mc.js
MC.JS 网页版《我的世界》 免安装中文版
随着Web技术的快速发展,在浏览器中运行复杂的3D游戏已成为现实。MC.JS 作为一款公益性质的网页应用,成功实现了《我的世界》的云端化部署,展示了Web技术在游戏领域的巨大潜力。
BenedictHook
1 个月前
webassembly
·
dosbox
·
低端游戏
·
jsdos
低端游戏:在线玩260+经典DOS/Windows游戏,基于JSDOS技术
对于许多资深玩家而言,重温《红色警戒》、《仙剑奇侠传98柔情篇》、《大富翁4》等经典游戏往往面临兼容性差、安装繁琐的难题。传统的解决方案是使用DOSBox等本地模拟器进行复杂配置。低端游戏 平台则另辟蹊径,通过前沿的Web技术将模拟器环境“搬”到了云端,实现了即开即玩的便捷体验。
BenedictHook
2 个月前
开源项目
·
webassembly
·
我的世界
·
我的世界网页版
·
mcjs
MC.JS:基于Web技术的网页版《我的世界》,免安装在线畅玩,支持存档
对于广大的《我的世界》爱好者以及前端技术开发者而言,能否在浏览器中直接运行这类复杂的3D沙盒游戏一直是一个令人好奇的话题。MC.JS 项目对此给出了一个令人惊喜的答案,它展示了Web技术的强大潜力,让“即点即玩”的3A级游戏体验成为可能。
XiaoYu2002
2 个月前
前端
·
webassembly
第10章 SSE魔改
SSE(Server-Sent Events,服务器推送事件) 是一种基于标准HTTP协议的服务器到客户端的单向数据流技术。它允许服务器在建立初始连接后,通过一个持久的HTTP连接主动、连续地向客户端推送数据更新,而无需客户端重复发起请求。其核心机制是客户端使用 EventSource API 连接到指定端点后,服务器以 text/event-stream 格式持续发送事件流,每个事件由标识类型(event:)、数据(data:)和可选ID组成,客户端通过监听事件类型来实时处理数据,连接中断时还会借助最后
拾荒李
2 个月前
前端
·
javascript
·
性能优化
·
rust
·
wasm
·
webassembly
使用Webassembly实现图片压缩
WebAssembly 是一种新的编码方式,可以在现代的 Web 浏览器中运行——它是一种低级的类汇编语言,具有紧凑的二进制格式,可以接近原生的性能运行,并为诸如 C/C++、C# 和 Rust 等语言提供编译目标,以便它们可以在 Web 上运行。它也被设计为可以与 JavaScript 共存,允许两者一起工作。
PegasusYu
3 个月前
electron
·
nodejs
·
wasm
·
webassembly
·
crc16
·
crc-16
·
x25
Electron使用WebAssembly实现CRC-16 X25校验
将C/C++语言代码,经由WebAssembly编译为库函数,可以在JS语言环境进行调用。这里介绍在Electron工具环境使用WebAssembly调用CRC-16 X25格式校验的方式。
狐篱
3 个月前
前端
·
webassembly
vite 和 webpack 项目使用wasm-pack 生成的 npm 包
出于某些原因,把数据统计工作放到前端了,表格最多 20 万行,20 多列,需要计算:最大值、最小值、中位数、方差、标准差、总和,进行简单基准测试时发现,10 万个数字进行计算时,大概需要 70ms,20 个指标同时计算就需要 70 * 20 = 1400 ms,再多数据和指标就会继续上升,也就是说极限情况计算理论上可以达到 4 秒以上,不太友好
Moonbit
3 个月前
编程语言
·
webassembly
·
web components
MoonBit 再获美国知名科技媒体关注:The New Stack 推出 MoonBit Wasm 组件教程
在海外技术社区的持续关注下,MoonBit 又一次登上了美国知名开发者媒体 The New Stack。这是 TNS 第三次报道 MoonBit。本篇文章以 “如何用 MoonBit 构建 WebAssembly Components” 为主题,从工具链、接口定义到 Wasm 文件生成,对 MoonBit 的技术能力做了详细的解读:thenewstack.io/how-to-buil… )
洛克希德马丁
4 个月前
开发语言
·
qt
·
webassembly
·
emscripten
·
emsdk
Qt 配置Webassemble环境
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档之前一直知道有一个神奇的东西Webassemble,好几次都是由于环境配置不对导致不能正常使用,而且我也对于它的真正能力表示有兴趣。所以经过深入研究,终于在5.15.2和6.8.3两个版本上配置成功并使用。
疏狂难除
4 个月前
爬虫
·
okhttp
·
webassembly
spiderdemo第四题
spiderdemo第四题是一道wasm的题看到wasm,笔者知道这个流程必然如此。题目还需要使用hook反调试,直言的说,笔者不会使用hook方式,爬虫技术不行,0.0
Moonbit
5 个月前
后端
·
node.js
·
webassembly
安装Wasm版的MoonBit工具链
MoonBit 作为一门现代编程语言,其原生工具链为主流平台(如 x86 Windows、x86 Linux、Arm Darwin)提供了良好而稳定的支持。然而,对于某些特定用户群体,例如 x86 Darwin (Intel Mac) 的老用户(原生工具链已不再支持)或期待在 Arm Linux 上尝鲜的开发者(原生工具链尚未推出),直接安装原生工具链会遇到困难。
PegasusYu
5 个月前
electron
·
nodejs
·
wasm
·
webassembly
·
crc16
·
crc-16
·
ccitt false
Electron使用WebAssembly实现CRC-16 CCITT-FALSE校验
将C/C++语言代码,经由WebAssembly编译为库函数,可以在JS语言环境进行调用。这里介绍在Electron工具环境使用WebAssembly调用CRC-16 CCITT-FALSE格式校验的方式。
小猪猪屁
6 个月前
前端
·
vue.js
·
webassembly
WebAssembly 从零到实战:前端性能革命完全指南
听说过WebAssembly吗?你可能在技术文章或者大会上听过WebAssembly这个名词,甚至有人喊它是“Web的终极武器”。但现实是,绝大多数前端项目里,它并不是每天都要用到的东西。为什么呢?因为它的主要价值在于让Web能跑得更快、更接近原生性能,尤其是当你需要做大型计算、游戏引擎或者复杂图像处理的时候。对于大部分日常业务开发,JavaScript已经够用了。
pepedd864
6 个月前
前端
·
webassembly
·
trae
WebAssembly简单入门
参考文档WebAssembly (简称 Wasm) 是一种为网络设计的二进制指令格式,它提供了一种紧凑的二进制格式,使代码能以接近原生的速度运行在浏览器中。
受之以蒙
6 个月前
笔记
·
rust
·
webassembly
Rust & WebAssembly 实践:构建一个简单实时的 Markdown 编辑器
欢迎回到【Rust & WebAssembly】系列!在前面的八篇文章里,我们已经完成了 Rust 与 WebAssembly 的基础知识和技术、工具的介绍。理解了 Rust 与 WebAssembly 的核心概念,还熟练掌握了编写 WebAssembly 应用的关键工具:用于工程打包的 wasm-pack、用于接口绑定的 wasm-bindgen、用于 DOM 交互的 web-sys 和 js-sys。同时介绍了如何进行 性能优化,确保我们的应用产物高效而强大。
wayhome在哪
6 个月前
javascript
·
性能优化
·
webassembly
3 分钟上手!用 WebAssembly 优化前端图片处理性能(附完整代码)
在前端开发中,图片压缩、滤镜处理等操作若纯靠 JavaScript 实现,面对高清图片时往往会出现卡顿,尤其在移动端设备上更为明显。而 WebAssembly(Wasm)凭借接近原生的执行效率,能大幅提升这类计算密集型任务的性能。本文将以「前端图片灰度化处理」为例,带你快速掌握 Wasm 在实际项目中的应用,全程仅需 3 分钟,含完整代码可直接复用。