圖說 WebAssembly（一）：序言

codergarden 發布于2019-08-22 16:58 / 377人閱讀

摘要：性能簡史在年，被創造出來時并不是沖著性能去的。而且在之后的十年發展中，它的性能一直是很低的。的引入成就了性能提升的一個轉折點，其執行速度比以往快了之多。性能提升也使得在全新的問題上使用成為可能。現在，極可能是下一個性能轉折點。

你可能已經聽說 WebAssembly 代碼跑起來非常快。
但是你知道這是為什么嗎？在本系列文章中，我們將探究其原因。

何為 WebAssembly

WebAssembly 是一種技術，該技術能讓除 JavaScript 以外的代碼運行在瀏覽器上。
所以，當人們說 WebAssembly 很快時，其實是在拿它跟 JavaScript 比較。

這里，我并不是在暗示你要么使用 JavaScript，要么使用 WebAssembly 。
反而，我更希望開發者能夠把它們兩結合起來使用。

不過拿這兩貨來比較一下還是很有意義的，這樣我們才能理解 WebAssembly 具備的潛力。

JS 性能簡史

在 1995 年，JavaScript 被創造出來時并不是沖著性能去的。
而且在之后的十年發展中，它的性能一直是很低的。

后來，隨著瀏覽器變得越來越流行，JavaScript 也受到了越來越多的關注。

在 2008 年，性能之戰開始了。多款瀏覽器都加上了即時編譯器（Just-in-time Compiler），即 JIT 。
當 JavaScript 代碼運行時，JIT 能夠觀察其運行模式，然后根據這些模式讓代碼跑的過快。

JIT 的引入成就了 JavaScript 性能提升的一個轉折點，其執行速度比以往快了 10 之多。

乘著這波性能提升的節奏，JavaScript 也開始涉足之前想都不敢想的領域，比如催生了用于服務端編程的 Node.js 。性能提升也使得在全新的問題上使用 JavaScript 成為可能。

現在，WebAssembly 極可能是下一個性能轉折點。

所以，你是否愿意跟隨本系列文章深入探討 WebAssembly 呢？
以下是后續文章鏈接：

相關背景

圖說 WebAssembly（二）：JIT 編譯器

圖說 WebAssembly（三）：什么是匯編

WebAssembly 現狀

圖說 WebAssembly（四）：快速入門

圖說 WebAssembly（五）：高性能原因

WebAssembly 未來

圖說 WebAssembly（六）：現狀與展望

GPU云服務器云服務器圖說區塊鏈 WebAssembly webassembly webrtc webassembly結合webrtc

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/94724.html

圖說 WebAssembly（六）：現狀與展望

摘要：現狀年月日，主流的四大瀏覽器達成了共識并宣布的最小可行產品已經完成。更快的函數調用當前，在中調用函數比想象的要慢。直接操作目前，沒有任何方式能夠操作。這就導致了部分應用可能會因此而推遲發布時間。結束現如今已經相當快速。本文是圖說 WebAssembly 系列文章的最后一篇。如果您還未閱讀之前的文章，建議您從第一篇入手。現狀 2017 年 2 月 28 日，主流的四大瀏覽器達成了共識...

clasnake 2019-08-22 17:03 評論0 收藏0
圖說 WebAssembly（三）：什么是匯編

摘要：為了更好的理解，我們有必要去先理解什么是匯編，以及編譯器是如何產生匯編的。什么是匯編現在，我們來看看外星人的大腦是如何工作的。這些注釋就是匯編，也稱為符號機器碼。結束以上的內容就是什么是匯編以及它是如何從高級編程語言翻譯過來的。本文是圖說 WebAssembly 系列文章的第三篇。如果您還未閱讀之前的文章，建議您從第一篇入手。為了更好的理解 WebAssembly ，我們有必要去先...

劉福 2019-08-22 17:00 評論0 收藏0
圖說 WebAssembly（五）：高性能原因

摘要：本文是圖說系列文章的第五篇。這樣的話，使用的開發者也不需要做任何適配，但是它們卻能獲得更高性能。該圖并不是用來準確的衡量其性能的。運行編寫出高性能的代碼是可能的。這種清理工作由引擎自動進行，稱為垃圾回收。本文是圖說 WebAssembly 系列文章的第五篇。如果您還未閱讀之前的文章，建議您從第一篇入手。在上一篇文章中，我們說到了使用 WebAssembly 和 JavaScript...

seal_de 2019-08-22 16:59 評論0 收藏0
圖說 WebAssembly（四）：快速入門

摘要：本文是圖說系列文章的第四篇。它們表示一種可以在普遍流行機器上高效使用的指令集合。這是因為是一種稱為堆棧機器。盡管是根據堆棧機器來設計的，但是這并不是它在真實物理機器上工作的方式。這些內容稱為段。本文是圖說 WebAssembly 系列文章的第四篇。如果您還未閱讀之前的文章，建議您從第一篇入手。 WebAssembly 是一種使得除 JavaScript 以外的編程語言也能運行在網頁上...

BoYang 2019-08-22 17:00 評論0 收藏0
圖說 WebAssembly（二）：JIT 編譯器

摘要：編譯器優缺點與解釋器相比，編譯器有著相反的優缺點。它們為引擎新增了一個組件，稱為監視器，或者。優化編譯器會基于監視器記錄的代碼運行信息來作出一些判斷。通常來說，優化編譯器會使得代碼跑的更快。而這正是優化編譯器所做的優化之一。本文是圖說 WebAssembly 系列文章的第二篇，如果你還沒閱讀其它的，建議您從第一篇開始。 JavaScript 的運行，一開始是很慢的，但是后面會變得越來...

LuDongWei 2019-08-22 16:59 評論0 收藏0