调用wasm_Yew - 设计先进的Rust语言WASM框架

本文介绍了如何使用WebAssembly(WASM)框架Yew来开发前端应用。Yew是一个基于Rust的先进框架,允许开发者利用其高性能和类型安全特性构建多线程UI。文章详细阐述了Yew的安装过程、基本组件创建,以及如何通过Cargo.toml配置依赖。通过一个简单的按钮计数器示例,展示了Yew如何实现JSX风格的渲染,并强调了其与JavaScript的互操作性。
摘要由CSDN通过智能技术生成

WASM(WebAssembly)是一个可移植、体积小、加载快并且兼容 Web 的全新格式,使得使用后端语言也能编写前端界面,能够充分发挥硬件能力以达到原生的执行效率,且其沙箱化的环境和二进制形式的文件更为安全。Rust 语言,这门近年来多次被评选为最受程序员喜爱的计算机语言,在 WASM 领域有着长足的发展。Yew,这个设计先进的 WASM 框架,就是其中的优秀例子。

f497a8e981e229c3e677daf40ed983ea.png

WebAssembly

简介

Yew,是 yewstack 组织在 Github 上开源的 WASM 框架,项目位于 https://github.com/yewstack/yew,目前版本为 0.17.2。

Yew 设计先进,很简单就可以构建多线程的前端 Web 应用。Yew 基于组件,可以轻松地创建交互式的用户界面,拥有 React 或 Elm 等框架经验的开发者会觉得十分熟悉。Yew 通过把工作分流到后台的 Web Worker 来最少化 DOM API 的调用,以达到高速性能。Yew 还支持与 Javascript 进行交互,可以使用 NPM 包,并与现有的 Javascript 应用整合。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
下面是我 运行终端代码后的返回,请帮我解释下:shenhaibo@bogon webAssembly % emcc add.c -s WASM=1 -o add.wasm wasm-ld: error: /opt/homebrew/Cellar/emscripten/3.1.40/libexec/cache/sysroot/lib/wasm32-emscripten/libstandalonewasm-nocatch.a(__main_void.o): undefined symbol: main emcc: error: '/opt/homebrew/Cellar/emscripten/3.1.40/libexec/llvm/bin/wasm-ld -o add.wasm /var/folders/hd/zkctfvz128366gcjfw9pgslr0000gn/T/emscripten_temp_0gmz58hs/add_0.o -L/opt/homebrew/Cellar/emscripten/3.1.40/libexec/cache/sysroot/lib/wasm32-emscripten /opt/homebrew/Cellar/emscripten/3.1.40/libexec/cache/sysroot/lib/wasm32-emscripten/crt1.o -lGL -lal -lhtml5 -lstandalonewasm-nocatch -lstubs-debug -lc-debug -ldlmalloc -lcompiler_rt -lc++-noexcept -lc++abi-debug-noexcept -lsockets -mllvm -combiner-global-alias-analysis=false -mllvm -enable-emscripten-sjlj -mllvm -disable-lsr /var/folders/hd/zkctfvz128366gcjfw9pgslr0000gn/T/tmp6m8wb6r0libemscripten_js_symbols.so --strip-debug --export-if-defined=__start_em_asm --export-if-defined=__stop_em_asm --export-if-defined=__start_em_lib_deps --export-if-defined=__stop_em_lib_deps --export-if-defined=__start_em_js --export-if-defined=__stop_em_js --export=emscripten_stack_get_end --export=emscripten_stack_get_free --export=emscripten_stack_get_base --export=emscripten_stack_get_current --export=emscripten_stack_init --export=stackSave --export=stackRestore --export=stackAlloc --export=__errno_location --export-table -z stack-size=65536 --initial-memory=16777216 --max-memory=16777216 --stack-first' failed (returned 1) shenhaibo@bogon webAssembly %
06-07
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值