WebAssembly入门学习(三) 实现 WebAssembly 的入门程序 hello world

WebAssembly入门学习系列文章

  1. WebAssembly入门学习(一) Windows系统安装Rust语言环境
  2. WebAssembly入门学习(二) Windows系统安装wasm-pack WebAssembly编译环境
  3. WebAssembly入门学习(三) 实现 WebAssembly 的入门程序 hello world

前言

阅读本文之前你需要对以下知识有基本了解:

  1. HTML/JS
  2. Rust

本文编写时:

  1. rust 版本为 1.75.0-nightly
  2. wasm-pack 版本为 0.12.1
  3. nodejs 版本为 16.20.1
  4. 系统环境为 windows 10 64位系统

阅读全文

WebAssembly入门学习(二) Windows系统安装 wasm-pack 编译组件

WebAssembly入门学习系列文章

  1. WebAssembly入门学习(一) Windows系统安装Rust语言环境
  2. WebAssembly入门学习(二) Windows系统安装wasm-pack WebAssembly编译环境
  3. WebAssembly入门学习(三) 实现 WebAssembly 的入门程序 hello world

前言

继上一篇文章之后,花了大概十多天时间,阅读了Rust语言相关书籍,了解了Rust基本语法,本文开始安装 wasm-pack 编译环境(或称为插件?组件?crates?)。

不管怎么称呼,反正此工具就是用来编译 Rust 代码为 WebAssembly 放在浏览器端运行。

Rust 入门推荐阅读:

阅读全文

WebAssembly入门学习(一) Windows系统安装Rust语言环境

WebAssembly入门学习系列文章

  1. WebAssembly入门学习(一) Windows系统安装Rust语言环境
  2. WebAssembly入门学习(二) Windows系统安装wasm-pack WebAssembly编译环境
  3. WebAssembly入门学习(三) 实现 WebAssembly 的入门程序 hello world

前言

JS语言性能瓶颈大家都有所了解,为了解决JS复杂计算性能上的不足之处,WebAssembly(简写 WASM)诞生了。

关于 Rust 与 WASM 的不解之缘本文不做描述,可自行百度了解。

阅读全文

nginx 配置 nodejs socket.io 反向代理

nginx.conf
1
2
3
4
5
6
7
8
9
10
11
12
13
14
server {
listen 9985;
server_name localhost;
location ^~ / {
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $host;

proxy_pass http://localhost:9988; # nginx需要反向代理的目标链接

proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}
}

阅读全文

aes加解密javascript与java语言互通

不同语言同一种加解密算法都有不同配置,可导致的问题:javascript加密之后后端java无法解密,或者java加密之后javascript无法解密。

本篇文章介绍 aes 加解密算法前端javascript与后端java完全互通如何配置参数。

阅读全文

html5 弹窗盖不住 video 标签播放的 mp4 视频

移动端部分浏览器(如:小米自带浏览器)存在 mp4 视频播放问题:如果视频正在播放,这时再弹出自定义弹窗,会发现视频覆盖在弹窗上面,无论 z-index 设置多大都无效!!

跟踪其他视频站点(如:百度、腾讯、爱奇艺)发现,他们的弹窗并不会被视频遮挡,研究代码之后发现,他们的视频地址都是 blob:http://192.168.0.1/2d307a8e-f287-494e-8e4d-0eba1bab0b63 这类地址。

一番折腾之后,得出结果:

阅读全文