WebAssembly 是
全端的好選擇嗎?
Jimmy Ho
Jimmy Ho
● 任職於資通電腦擔任 ciMes 系統研發
● 熟悉 Blazor/Angular/React 等前端框架(我沒有要收集御三家RRRR)
● 演講經驗
○ 2022 Dotnet conf
○ 2021 Dotnet conf
○ Angular meetup
● 部落格: https://jiaming0708.github.io/
如何選擇前端技術
流行/潮
主管決定
寫的人去
煩惱
npm 下載數
Github
star
框架比較
框架 網頁
速度
Routing 下載
資源
Gtihub
star
SSR支援
Angular 快 V 91k Universal
React V 215k Next
Vue 快 V 少 206k Nuxt
Blazor V 多 33k Steaming
render
選擇前端技術
● 需要 SEO 嗎?
● 開發者有哪些人?
● 現有的技術有哪些?
● 可能需要用到哪些套件
● 資源豐富度,世界、台灣
● 有多少人正在使用?
優缺點
前後端使用同一種語言
少碰觸 JS
可以用 IDE 偵錯
資源相對少
WebAssembly介紹
● 2015年推出
● 二進位表示的新語言
● 讓 c/c++/c#/rust 等語言可以在網頁運行
● 事先編譯與優化,執行速度更快
● Demo
Photoshop
● Photoshop is now on the web!. Enabled by
WebAssembly, Web Components… | by Addy
Osmani | Oct, 2023 | Medium
● Adobe Photoshop
● 把功能搬到網頁上,效能不變
Web Component
Q&A

WebAssembly是全端的好選擇嗎?