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