資訊專欄INFORMATION COLUMN
摘要：前端每周清單專注前端領(lǐng)域內(nèi)容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點(diǎn)分為新聞熱點(diǎn)開發(fā)教程工程實(shí)踐深度閱讀開源項(xiàng)目巔峰人生等欄目。利用降低三倍加載速度自推出之后，很多開發(fā)者都開始嘗試在小型項(xiàng)目中實(shí)踐，不過尚缺大型真實(shí)案例比較。
前端每周清單專注前端領(lǐng)域內(nèi)容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點(diǎn)；分為新聞熱點(diǎn)、開發(fā)教程、工程實(shí)踐、深度閱讀、開源項(xiàng)目、巔峰人生等欄目。歡迎關(guān)注【前端之巔】微信公眾號（ID：frontshow），及時(shí)獲取前端每周清單；本文則是對于半年來發(fā)布的前端每周清單中的 WebAssembly 相關(guān)的教程實(shí)踐與開源項(xiàng)目的盤點(diǎn)，可以查看這里獲得往期清單或者其他盤點(diǎn)篇。
教程實(shí)踐《對比探秘 WebAssembly 性能優(yōu)越之謎》: 本系列文章通過有趣的漫畫介紹了 WebAssembly 的前世今生，并且與 JavaScript 就加載、解析、編譯、執(zhí)行等瀏覽進(jìn)行了詳細(xì)對比，從而介紹 WebAssembly 的性能緣何相較于 JavaScript 會(huì)好上很多。同時(shí)作者也強(qiáng)調(diào)，WebAssembly 與 JavaScript 各有所長，未來并不會(huì)存在太多的競爭，更多的是相輔相成，各司其職。( http://suo.im/3jsTUH )
《淺析 WebAssembly 緣何優(yōu)于 Asm.js》：WebAssembly 是新的 Web 中可執(zhí)行格式，逐現(xiàn)代瀏覽器紛紛地提供了對于 WebAssembly 的原生支持；本文則是對于 WebAssembly 相較于 asm.js 帶來的性能提升背后的原理進(jìn)行簡要介紹。(https://parg.co/bsv)
《簡短的 WebAssembly 卡通指南》：現(xiàn)在有很多關(guān)于 WebAssembly 與 JavaScript 生態(tài)圈的討論，人們往往關(guān)注于 WebAssembly 帶來的巨大的性能提升以及它會(huì)如何顛覆現(xiàn)代 Web 開發(fā)。不過很多的介紹中并沒有詳細(xì)闡述隱藏在速度提升之后的具體細(xì)節(jié)，本文則是從整個(gè) JavaScript 的演化史來介紹 WebAssembly 巨大性能提升的原因。( https://parg.co/bVa )
《理解 WebAssembly 的文件格式》：為了保證 WebAssembly 能夠被人們閱讀與理解，需要提供對于 wasm 二進(jìn)制格式的文本表示。該特性著眼于能夠在文本編輯器、瀏覽器開發(fā)者工具等開發(fā)工具中瀏覽 WebAssembly 文件，而本文則介紹了這種文件格式的規(guī)范與工作原理，以及底層的字節(jié)碼與上層的 JavaScript 對象之間的關(guān)聯(lián)關(guān)系。( https://parg.co/bk6 )
《這 WebAssembly，是 Mozilla 贏了》：Mozilla 提出1 asm.js 與 Google Chrome 提出的 PNaCI 是都是致力于在瀏覽器中運(yùn)行原生代碼的技術(shù)方案。不過 PNaCI 卻存在著自絕于 JavaScript 以及 HTML 等問題，并且其他的瀏覽器廠商很難去支持 PNaCI 標(biāo)準(zhǔn)。而 asm.js 則以輕量級的對于標(biāo)準(zhǔn) Web 平臺擴(kuò)展的方式實(shí)現(xiàn)了這一目標(biāo)，也就導(dǎo)致了最終 WebAssembly 決定靠近 asm.js 而不是 PNaCI。( http://robert.ocallahan.org/2... )
《WebAssembly 初體驗(yàn)：重構(gòu)簡單游戲引擎》：WebAssembly 為我們提供了構(gòu)建高性能的前端應(yīng)用的途徑，而本文則從零開始介紹如何使用 C 來覆寫簡單的 JavaScript 游戲引擎并且將其編譯為 WebAssembly。本文依次介紹了如何搭建基礎(chǔ)的 Emscription 工具鏈、使用 JavaScript 引入 wasm 模塊、覆寫并且優(yōu)化某個(gè)小型游戲引擎、兩個(gè)引擎的性能評測等等部分。( http://blog.openbloc.fr/webas... )
《Figma 利用 WebAssembly 降低三倍加載速度》：自 WebAssembly 推出之后，很多開發(fā)者都開始嘗試在小型項(xiàng)目中實(shí)踐 WebAssembly，不過尚缺大型真實(shí)案例比較。而 Figma 因?yàn)槠洚a(chǎn)品主要基于 C++ 實(shí)現(xiàn)，可以方便地編譯到 WebAssembly 中并且與原方案進(jìn)行性能比較。本文中 Figma 介紹了它們在 Firefox 中使用 WebAssembly 之后帶來的加載性能提升以及下載尺寸的優(yōu)化，同時(shí)還提及了目前 WebAssembly 在實(shí)際項(xiàng)目使用中存在的一些問題與風(fēng)險(xiǎn)。( https://parg.co/biB )
Rust、WebAssembly 與 Webpack：WebAssembly 是新的運(yùn)行于 Web 平臺的二進(jìn)制格式，我們能夠?qū)?C、C++、Rust 這些語言編譯到 .wasm 文件格式中然后在瀏覽器環(huán)境下運(yùn)行他們；通常這些編譯后的代碼在包體體積與運(yùn)行速度上都會(huì)比 JavaScript 有明顯提升。而本文則著眼于介紹如何在瀏覽器中執(zhí)行底層的 Rust 代碼，也可以參考這篇文章( https://parg.co/by4 )來了解更多的關(guān)于 WebAssembly 快速實(shí)踐的知識。( https://parg.co/byh )
WebAssembly 在 PSPDFKIT 的實(shí)踐：隨著今年三月份 WebAssembly Community Group 就標(biāo)準(zhǔn)達(dá)成一致，越來越多的主流瀏覽器開始支持 WebAssembly，本文即是 PDF 工具開發(fā)者 PSPDFKIT 介紹它們利用 WebAssembly 開發(fā)瀏覽器端渲染的 PDS 預(yù)覽工具的實(shí)踐經(jīng)驗(yàn)。本文首先介紹了 asm.js 的工作原理與編譯機(jī)制，然后闡述了 WebAssembly 的概念與組成，最后介紹了 WebAssembly 在 PSPDFKit 的實(shí)踐經(jīng)驗(yàn)以及他們在將原本大型 C++ 代碼庫轉(zhuǎn)化為 WebAssembly 格式時(shí)的體驗(yàn)；更多 WebAssembly 相關(guān)資料參考這里。
開源項(xiàng)目asm-dom: asm-dom 是輕量級的基于 WebAssembly 的 Virtual DOM 框架，其允許開發(fā)者使用 C++ 來構(gòu)建 Web 單頁應(yīng)用。開發(fā)者可以僅使用 C++ 來編寫 Web 應(yīng)用，然后通過 Emscripten 來將其轉(zhuǎn)化為 WebAssembly；其能允許開發(fā)者直接使用現(xiàn)有的 C++ 標(biāo)準(zhǔn)庫代碼，從而保證代碼復(fù)用與性能提升。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/91816.html
摘要：感謝王下邀月熊分享的前端每周清單，為方便大家閱讀，特整理一份索引。王下邀月熊大大也于年月日整理了自己的前端每周清單系列，并以年月為單位進(jìn)行分類，具體內(nèi)容看這里前端每周清單年度總結(jié)與盤點(diǎn)。 感謝 王下邀月熊_Chevalier 分享的前端每周清單，為方便大家閱讀，特整理一份索引。 王下邀月熊大大也于 2018 年 3 月 31 日整理了自己的前端每周清單系列，并以年/月為單位進(jìn)行分類，具...
摘要：前端每周清單專注前端領(lǐng)域內(nèi)容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點(diǎn)分為新聞熱點(diǎn)開發(fā)教程工程實(shí)踐深度閱讀開源項(xiàng)目巔峰人生等欄目。背后的故事本文是對于年之間世界發(fā)生的大事件的詳細(xì)介紹，闡述了從提出到角力到流產(chǎn)的前世今生。 前端每周清單專注前端領(lǐng)域內(nèi)容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點(diǎn)；分為新聞熱點(diǎn)、開發(fā)教程、工程實(shí)踐、深度閱讀、開源項(xiàng)目、巔峰人生等欄目。歡迎...
摘要：延伸閱讀學(xué)習(xí)與實(shí)踐資料索引與前端工程化實(shí)踐前端每周清單半年盤點(diǎn)之篇前端每周清單半年盤點(diǎn)之與篇前端每周清單半年盤點(diǎn)之篇 前端每周清單專注前端領(lǐng)域內(nèi)容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點(diǎn)；分為新聞熱點(diǎn)、開發(fā)教程、工程實(shí)踐、深度閱讀、開源項(xiàng)目、巔峰人生等欄目。歡迎關(guān)注【前端之巔】微信公眾號（ID：frontshow），及時(shí)獲取前端每周清單；本文則是對于半年來發(fā)布的前端每周清單...
摘要：前端每周清單專注前端領(lǐng)域內(nèi)容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點(diǎn)分為新聞熱點(diǎn)開發(fā)教程工程實(shí)踐深度閱讀開源項(xiàng)目巔峰人生等欄目。 前端每周清單專注前端領(lǐng)域內(nèi)容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點(diǎn)；分為新聞熱點(diǎn)、開發(fā)教程、工程實(shí)踐、深度閱讀、開源項(xiàng)目、巔峰人生等欄目。歡迎關(guān)注【前端之巔】微信公眾號（ID：frontshow），及時(shí)獲取前端每周清單；本文則是對于...
閱讀 3091·2021-11-23 09:51
閱讀 1067·2021-09-02 15:21
閱讀 3035·2019-08-30 13:56
閱讀 1868·2019-08-29 14:12
閱讀 737·2019-08-29 13:53
閱讀 1698·2019-08-29 11:32
閱讀 1366·2019-08-29 11:25
閱讀 1519·2019-08-28 17:51
