tag webassembly

標籤
貢獻34
100
02:39 PM · Nov 06 ,2025

@webassembly / 博客 RSS 訂閱

潘傑 - 初識WebAssembly

近期線上收實驗報告的時候,學生們上傳的圖片亂七八糟的。後期提示使用 掃描王 等軟件處理後再上傳效果好了很多。但無疑這給學生了帶來了相應的繁瑣。於是:如何在WEB能快速的處理圖片,並實時的顯示效果成為了新的需求。 首先,我們可以點擊demo感受一下它的魅力。 而處理圖片往往都在後端執行,直接在 WEB 處理則需要一個叫WebAssembly的知識,簡單來説就是瀏覽器允許運行二進制的文件,而這個二進制

webassembly

收藏 評論

xuri - [Go夜讀 第148期] Excelize 構建 WebAssembly 版本跨語言支持實踐

Excelize 是 Go 語言編寫的用於操作電子表格文檔的基礎庫,支持 XLAM / XLSM / XLSX / XLTM / XLTX 等多種文檔格式,高度兼容帶有樣式、圖片 (表)、透視表、切片器等複雜組件的文檔,並提供流式讀寫支持,用於處理包含大規模數據的工作簿。可應用於各類報表平台、雲計算、邊緣計算等系統。 本期分享將對 Excelize 的 2023 年部分更新背後的技術點、Go 1.

webassembly , excel , typescript , go , Javascript

收藏 評論

京東雲開發者 - 初探webAssembly | 京東物流技術團隊

1 WebAssembly是什麼? 一種運行在現代網絡瀏覽器中的新型代碼,並且提供新的性能特性和效果 W3C WebAssembly Community Group開發的一項網絡標準,對於瀏覽器而言,WebAssembly 提供了一條途徑,讓各種語言編寫的代碼以接近原生的速度在 Web 中運行。在這種情況下,以前無法以此方式運行的客户端軟件等都將可以運行在 Web 中。 WebAssembl

webassembly , 前端 , html5 , Javascript

收藏 評論

京東雲開發者 - 給 Web 前端工程師看的用 Rust 開發 wasm 組件實戰 | 京東雲技術團隊

什麼是wasm組件? wasm 全稱 WebAssembly,是通過虛擬機的方式,可以在服務端、客户端如瀏覽器等環境執行的二進制程序。他有速度快、效率高、可移植的特點。 對我們 Web 前端工程最大的好處就是可以在瀏覽器端使用二進制程序處理一些計算量大的處理,使用他比 javascript 快的特點優化性能。 目前瀏覽器對wasm的兼容性如下: 在移動端除了 android 4.4 和 ios

rust , webassembly , HTML , 前端 , Javascript

收藏 評論

雲端築夢大師 - Webassembly初嘗試 - 龍馬行空的個人空間 -

WebAssembly(WASM)正在徹底改變Web開發格局,而Lua作為輕量級腳本語言的代表,兩者結合可以創造出令人驚歎的開發體驗。awesome-wasm項目為我們展示了這一強大集成方案的完整實現路徑。 🔥 WebAssembly與Lua集成的核心優勢 高性能執行環境 - 通過WebAssembly運行Lua虛擬機,可以獲得接近原生代碼的執行速度。相比傳統的Ja

lua , webassembly , 後端開發 , 開發者 , Python

收藏 評論

FrontNg - 使用WebAssembly調用本地C程序自定義函數並返回頁面

本Demo的目的 使用WebAssembly技術,通過瀏覽器調用C語言自定義的函數,例子是實現2個變量相加,把計算出來的值返回HTML頁面。 項目結構 ├── index.html └── main.c C語言 創建文件 main.c int sum(int v1, int v2) { return v1 + v2; } HTML 創建文件 index.html html head

webassembly , c , HTML , Javascript

收藏 評論

wx57ac012361806 - code 2025

https://gitee.com/createmaker/rust-WebAssembly 作者:ukyo--碳水化合物 本文包含:--> -->

MySQL , webassembly , 數據庫 , Git

收藏 評論

Moonbit - MoonBit平台最新動態速遞 Vol.17

MoonBit更新 1. 優化沒有間接調用的頂層函數的編譯過程 優化對於沒有間接調用的頂層函數的編譯過程,帶來約14%的編譯性能提升 2. 優化解析器的錯誤恢復和報錯 -修復對於fn f2 {}這樣的頂層的函數聲明沒有參數時,省略括號也能通過編譯,現在會直接報錯 -對於試圖給枚舉類型構造器單獨設置可見性的代碼,將會報錯 priv enum T { A(Int) pub B(Int)

編程 , wasm , webassembly , 編程語言 , 程序員

收藏 評論

百度Geek説 - 基於FFmpeg和Wasm的Web端視頻截幀方案

作者 |小萱 導讀 基於實際業務需求,介紹了自定義Wasm截幀方案的實現原理和實現方案。解決傳統的基於canvas的截幀方案所存在的問題,更高效靈活的實現截幀能力。 全文10103字,預計閲讀時間26分鐘。 01 項目背景 在視頻編輯器裏常見這樣的功能,在用户上傳完視頻後抽取關鍵幀 ,提供給用户以便快捷選取封面,如下圖: 在本文中,我們將探討一種使用FFmpeg和WebAssembly

視頻 , webassembly , ffmpeg

收藏 評論

可樂雞翅 - 🚀JS使用Wasm為你的文件MD5計算裝上火箭引擎🚀

前言 公眾號:【可樂前端】,期待關注交流,分享一些有意思的前端知識 之前在一個自己的項目中嘗試做一個web視頻轉碼功能,計劃用的是ffmpeg這個強大的庫。當時就瞭解到了wasm把ffmpeg移植到瀏覽器中使用。但是等真正要發佈到生產的時候還是遇到一些問題, 比如説ffmpeg體積比較大,加載速度緩慢;還有sharedArrayBuffer與ffmpeg.wasm的一些關係,簡單來説就是如果需要使

react , webassembly , typescript , 前端 , Javascript

收藏 評論

doscommand - 如何使用WebAssembly提升性能

你是否正在尋找一種方式來構建既跨平台又高性能的Web應用?是否希望用C/C++編寫代碼,同時能在瀏覽器中高效運行?Sokol庫正是為解決這些問題而生。本文將帶你瞭解如何使用Sokol構建高性能WebAssembly應用,讀完你將掌握:Sokol庫的基本概念、WebAssembly編譯流程、核心模塊的使用方法以及一個完整的三角形繪製示例。 Sokol庫簡介 So

API , webassembly , 後端開發 , Python , Web

收藏 評論

用户bPcOr1y - WebAssembly:讓Istio變得更強大

1 Wasm為Envoy帶來新的擴展性 Envoy是一個高性能、可編程的L3/L4和L7網絡代理,許多服務網格和網關都採用Envoy作為數據面。 Envoy通過監聽器(Listener)捕獲網絡數據包,根據數據包的內容匹配某個過濾器鏈(Filter Chain)中,之後按順序執行該鏈中的過濾器(Network Filter)對捕獲的數據包進行操作,實現用户定義的各種流量治理策略。Env

webassembly , istio

收藏 評論

SOFAStack - Wasm 原生時代已經來到

Ending 定律:一切可編譯為 WebAssembly 的,終將被編譯為 WebAssembly(Any application that can be compiled to WebAssembly, will be compiled to WebAssembly eventually)。 PART. 0 前言 WebAssembly 作為一種新興的網頁虛擬機標準,它的設計目標包括:高可移植

webassembly , 開源

收藏 評論

mob64ca1410eb61 - JavaScript與WebAssembly進行比較 - 騰訊雲技術社區 -

Parsley.js與WebAssembly集成:高性能驗證邏輯實現 Parsley.js作為前端表單驗證庫,其核心驗證邏輯通過src/parsley/validator.js實現。當前版本採用JavaScript原生編寫驗證器,在處理複雜規則或大量表單字段時可能面臨性能瓶頸。WebAssembly(WASM)技術可將計算密集型邏輯

webassembly , 正則表達式 , Css , 類型轉換 , 前端開發 , HTML

收藏 評論

yunwei37 - 在 WebAssembly 中使用 Rust 編寫 eBPF 程序併發布 OCI 鏡像

作者:於桐,鄭昱笙 eBPF(extended Berkeley Packet Filter)是一種高性能的內核虛擬機,可以運行在內核空間中,以收集系統和網絡信息。隨着計算機技術的不斷髮展,eBPF 的功能日益強大,並且已經成為各種效率高效的在線診斷和跟蹤系統,以及構建安全的網絡、服務網格的重要組成部分。 WebAssembly(Wasm)最初是以瀏覽器安全沙盒為目的開發的,發展到目前為止,Web

wasm , webassembly , Linux , 雲原生 , ebpf

收藏 評論

天涯學館 - WebAssembly初探:提升Web應用性能的關鍵

WebAssembly(WASM)是一種低級的二進制格式,它允許開發者使用C、C++、Rust等語言編寫的代碼在Web瀏覽器中運行,從而實現接近原生的性能。WASM的目標是成為Web平台的一個標準組成部分,提供一個安全、高效的環境來運行高性能的應用程序。 WASM的代碼不能直接在瀏覽器中編寫,而是需要通過編譯器將高級語言轉換為WASM二進制格式。以下是一個簡單的流程,展示瞭如何使用WASM提升We

webassembly , 前端 , Javascript

收藏 評論

註銷 - 嵌入 WebAssembly 運行時和實例化 WebAssembly 模塊的幾大要素

下面這段代碼忽略了錯誤處理機制,介紹瞭如何在 Go 語言開發的宿主程序中嵌入 WebAssembly. func createWasmVM(code []byte) { engine := wasmtime.NewEngine() module, _ := wasmtime.NewModule(engine, code) store := wasmtime.NewStore

ecmascript-6 , webassembly , 前端 , html5 , Javascript

收藏 評論

beckyyyy - 編譯wasm Web應用

剛學完WebAssembly的入門課,賣弄一點入門知識。 首先我們知道wasm是目標語言,是一種新的V-ISA標準,所以編寫wasm應用,正常來説不會直接使用WAT可讀文本格式,更不會用wasm字節碼;而是使用其他高級語言編寫源代碼,經過編譯後得到wasm應用。課程中使用了C++來編寫源代碼,所以這裏我也用C++來編寫demo。 wasm的運行環境主要分為兩類,一類是Web瀏覽器,另一類就是out

emscripten , wasm , webassembly , Javascript , Web

收藏 評論

vivo互聯網技術 - 基於 Three.js 的 3D 模型加載優化

作者:來自 vivo 互聯網前端團隊- Su Ning 作為一個3D的項目,從用户打開頁面到最終模型的渲染需要經過多個流程,加載的時間也會比普通的H5項目要更長一些,從而造成大量的用户流失。為了提升首屏加載的轉化率,需要儘可能的降低loading的時間。這裏就分享一些我們在模型加載優化方面的心得。 一、前言 近段時間,我們使用three.js完成了vivo擬我形象的開發工作,大家可以在vivo賬號

rust , three.js , webassembly , 3d

收藏 評論

sologeek - 分享一個我們自己開發的 Rust 跨平台 GUI 框架

我們開發的 Rust GUI 框架 Ribir 開源了,感興趣的朋友可以來看看。 https://github.com/RibirX/Ribir。 相關文檔: https://ribir.org/zh/docs/introduction/ Ribir 是什麼 Ribir 是基於 Rust 開發的跨平台 GUI 框架,它的核心設計理念是應用程序 UI 的構建對數據結構邏輯是非侵入式的。 Ribir

gui , rust , webassembly

收藏 評論

f702 - WebAssembly容器調研

“容器已成為新常態,WebAssembly 是未來。” —— CNCF 2022 年年度調查主要發現 1. 什麼是WebAssembly? wasm是一種緊湊的二進制指令格式,由W3C管理。它是 40 多種編程語言(如 C/C++、JavaScript、Go 和 Rust)的可移植編譯目標,每一種目標彙編語言(x86、ARM)都依賴於特定的機器結構,但wasm不依賴於具體的物理機器,換句話説,wa

kubernetes , webassembly , 知識 , Docker

收藏 評論

得物技術 - 前端打包工具Mako架構解析|得物技術

一、Mako是什麼 Mako是一個新的Web打包工具,適用於Web應用、庫和框架。它被設計得快速、可靠且易於使用。Mako已被數百個生產項目中使用。如果你正在尋找一個現代的Web打包工具,Mako是正確的選擇。 二、特點 零配置 從一個JS/TS文件開始,Mako將處理其餘部分。開箱即支持TypeScript、Less、CSS、CSS Modules、React、圖像、字體、WASM

構建工具 , mako , rust , webassembly , 前端

收藏 評論

mob64ca141834d3 - Webpack輕鬆入門(四)——HTML打包_weixin

你還在為WebAssembly模塊打包配置煩惱嗎?面對複雜的構建流程和兼容性問題,是否感覺無從下手?本文將通過html-webpack-plugin實現WebAssembly的無縫集成,5分鐘內讓你掌握現代Web應用的高效配置方案。讀完本文你將獲得:WebAssembly與webpack的基礎配置方法、html-webpack-plugin自動注入Wasm文件的技巧、多場

webassembly , 後端開發 , HTML , Python

收藏 評論

mob64ca1404476b - WebAssembly完全入門——瞭解wasm的前世今身 - SH的全棧筆記的個人空間 -

終極指南:使用wasm-bindgen實現WebAssembly多線程與共享狀態管理 WebAssembly多線程編程是提升Web應用性能的關鍵技術,而wasm-bindgen作為Rust與JavaScript之間的橋樑,為開發者提供了強大的WebAssembly線程管理能力。本文將深入探討如何利用wasm-bindgen實現高效的共享狀態

redis , webassembly , 數據庫 , 多線程 , Web

收藏 評論