iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

謙虛,踏實的Web Assembly練習 系列

又到了一年一度的密集學習時期,據說Web Assembly已經可以在各家瀏覽器的最新版本執行了,就來練習看看吧。因為工作也頗忙,只能做簡單的練習...所以就謙虛,踏實地前進了。

參賽天數 20 天 | 共 20 篇文章 | 23 人訂閱 訂閱系列文 RSS系列文
DAY 1

[練習 00] 為甚麼挑Web Assembly來練習?

前一陣子,看到某人寫了一篇Blog:所有主流瀏覽器的最新版都支援 WebAssembly 了 聽到Web Assembly的消息也好一陣子了,多少對他有點興趣,...

2017-12-20 ‧ 由 fillano 分享
DAY 2

[練習 01] 參考文件、可用工具、Hello add與習作

文件 最重要的當然是Web Assembly的官網:http://webassembly.org/ 裡面有比較好閱讀的文件:http://webassembly...

2017-12-21 ‧ 由 fillano 分享
DAY 3

[練習 02] 編譯工具以及文字格式

官方的編譯工具 wabt 在寫程式之前,需要先準備好編譯工具。Web Assembly官方就有提供編譯工具,就是之前提到過的:wabt (Web Assembl...

2017-12-22 ‧ 由 fillano 分享
DAY 4

[練習 03] 了解Web Assembly的語言要素

程式結構 每個Web Assembly程式,都是由一個module構成,module底下可以有幾種區塊 import:輸入外部的函數、global 變數、以...

2017-12-23 ‧ 由 fillano 分享
DAY 5

[練習 04] 使用Web Assembly的Javascript API

WebAssembly物件 首先來看一下...WebAssembly物件有哪些東西 函數 WebAssembly定義了幾個函數,用來把Binary編譯成模組、實...

2017-12-24 ‧ 由 fillano 分享
DAY 6

[練習 05] 透過Javascript API取得Module及Instance物件

簡單包裝一下Javascript API 一般使用上,對於Module,我們只要知道他的url,然後可以取得救可以。而Instance,只要可以傳importO...

2017-12-25 ‧ 由 fillano 分享
DAY 7

[練習 06] 使用Memory來實做Hello, World.

關於Memory 寫程式時的幾個重點: Memory是一個線性地址的空間,可把他當作以byte為單位的陣列 可以從WebAssembly程式端設定及存取 也可...

2017-12-26 ‧ 由 fillano 分享
DAY 8

[練習 07] 使用Memory來雙向溝通

Memory使用的一些限制 本來在幻想,如果WebAssembly程式要做出Console程式的功能,那只要用一個Memory做標準輸出,一個做標準輸入,還有一...

2017-12-27 ‧ 由 fillano 分享
DAY 9

[練習 08] 使用Table來分享資源

Table的使用細節 簡單列一下一些Table的重點: 他是一個透過索引存取的元素表 目前可使用的元素類型只有anyfunc一種 anyfunc是在WebA...

2017-12-28 ‧ 由 fillano 分享
DAY 10

[練習 09] 流程控制指令

區塊 WebAssembly有三種區塊指令: block...end loop...end if...else...end 區塊有一個特色,就是...

2017-12-29 ‧ 由 fillano 分享