[WASM Rust] Use the js-sys Crate to Invoke Global APIs Available in Any JavaScript Environment
2023-09-14 08:59:16 时间
js-sys
offers bindings to all the global APIs available in every JavaScript environment as defined by the ECMAScript standard.
In this lesson, we will install and use js-sys
to invoke JavaScript's Date API to grab the current time. The date will need to be converted to a value Rust can use and display that date from Rust in the browser.
Cargo.toml:
[dependencies] cfg-if = "0.1.5" wasm-bindgen = "0.2.25" js-sys = "0.2"
lib.rs:
// Called by our JS entry point to run the example #[wasm_bindgen] pub fn run() { let now = js_sys::Date::now(); let now_date = js_sys::Date::new(&JsValue::from_f64(now)); let val = document.createElement("p"); val.set_inner_html(&format!( "Hello from Rust, it's {}:{}", now_date.get_hours(), now_date.get_minutes() )); document.body().append_child(val); }
index.js:
import("../crate/pkg").then(module => {
module.run();
});
相关文章
- js 比java还难_javascript与java哪个难「建议收藏」
- js中四舍五入的方法_JS取整
- JS对象转数组_js怎么把数组转成对象
- javascript获取当前时间,按指定格式输出_js获取现在本地时间的代码
- JavaScript学习总结(十六)——Javascript闭包(Closure)详解编程语言
- [javascript] 看知乎学习js闭包详解编程语言
- javascript 模仿块级作用域详解编程语言
- 深入理解JavaScript调用MongoDB的方法(js调用mongodb)
- Oracle中JS的优势让数据库性能提升(oracle中 js)
- 用JavaScript获取网页中的js、css、Flash等文件
- 通用的javascript 换行色换列色的小js
- javascript延时重复执行函数lLoopRun.js
- Javascript更新JavaScript数组的uniq方法
- JavaScript无符号右移运算符
- 理解JavaScript预解析
- JavaScript.Encode手动解码技巧
- DB.ASP用Javascript写ASP很灵活很好用很easy
- js通用javascript函数库整理
- JavaScript高级程序设计学习笔记js高级技巧
- javascript权威指南学习笔记之null和undefined
- javascript克隆元素样式的实现代码
- javascript常用功能总结
- javascript学习笔记(二)js一些基本概念
- JavaScript高级程序设计阅读笔记(十八)js跨平台的事件
- javascript中使用正则表达式实现删除字符串中的前后空格
- 浅谈href=#与href=javascript:void(0)的区别
- javascript禁制后退键(Backspace)实例代码
- javascript分页代码实例分享(js分页)
- javascript创建数组之联合数组的使用方法示例
- Javascript中常见的校验如域名、手机、邮箱等等
- Javascript基础教程之JavaScript语法
- JavaScript实现动态创建CSS样式规则方案