阿里雲前端周刊 - 第 21 期

01-27

1. Firefox 55 引入 WebVR 支持

Firefox 55: first desktop browser to support WebVR

近日發布的 Windows 平台上的 Firefox 55 版本，成為首個支持新 WebVR 標準的桌面瀏覽器；Mozilla 希望能夠以此推動 WebVR 的進一步發展。除此之外，Firefox 55 還支持包括 async generators 在內的眾多 ES2017/2018 特性，並且進一步提升了瀏覽器的性能表現以及安全保障；

2. Node.js 8.3.0 發布，引入 Ignition 與 TurboFan 執行流

https://medium.com/the-node-js-collection/node-js-8-3-0-is-now-available-shipping-with-the-ignition-turbofan-execution-pipeline-aa5875ad3367

Ignition 與 TurboFan 是 V8 5.9 版本中提供的新的解釋器與編譯器，它們替換了自 2010 年以來的 Full-codegen 與 Crankshaft，可以閱讀這篇文章了解新的執行流帶來的巨大性能優化。新版本為 Node.js 帶來了極大的性能提升，除此之外新版本還修復了 8.x 系列中存在的部分錯誤，詳細的特性與更新列表可以查看原文。

3. 利用 Node.js 構建 API Gateway

https://blog.risingstack.com/building-an-api-gateway-using-nodejs/

隨著現代業務複雜度的增加，微服務的理念正在得到更多的落地實踐；作為微服務架構的重要組成部分，API Gateway 能夠為所有的後端服務提供統一的許可權校驗與客戶端協議兼容的抽象層。本文首先介紹了微服務的基礎架構與 API Gateway 的概念，然後介紹了面向前端團隊的 Node.js API Gateway 組成。

4. 使用A-Frame打造WebVR版《我的世界》

https://juejin.im/post/59917b13f265da3e1d211f61

一名就職於 Mozilla VR 團隊的 web 虛擬現實開發者，也是 A-Frame 的核心開發人員。今天，我們來看看如何使用 A-Frame 構建一個夠在 HTC Vive、Oculus Rift、Samsung GearVR、Google Cardboard、桌面設備以及移動設備上運行的、支持空間追蹤（room-scale）技術的 WebVR 版《我的世界》示例。

其它

1. 騰訊祭出大招VasSonic，讓你的H5頁面首屏秒開

https://segmentfault.com/a/1190000010711024?from=groupmessage&isappinstalled=1

作為騰訊開源組件分享給大家，從當初立項優化頁面載入速度，到不斷摸索、優化，再到整理代碼、文檔，最終在Github上開源，並且在24小時內獲取star數超過1600。我們非常高興看到我們的成果收到這麼多的關注，趁此機會，正好回顧一下VasSonic的成長曆程，也希望能夠讓大家更了解VasSonic。

2. 三周時間打造全棧 JavaScript Web 應用

https://medium.com/ladies-storm-hackathons/how-we-built-our-first-full-stack-javascript-web-app-in-three-weeks-8a4668dbd67c

本文記錄了某個編程初學者如何用三周時間，循序漸進地從零構建出，基於 JavaScript 的全棧電子商務應用。本文從最初的產品設計與原型圖構建開始，然後介紹了如何選擇合適的數據結構與資料庫。接下來介紹了如何創建 Github 倉庫並且使用敏捷開發流程，最後介紹了如何利用 Express 與 Firebase 搭建服務端、使用 React 以及 Victory.js 構建前端應用等內容；

3. 谷歌是如何構建Web框架的

http://www.infoq.com/cn/news/2017/08/How-Google-build-Web-framework

谷歌的代碼庫由全球數十個辦公的超過 2.5 萬名軟體開發工程師所共享，平均每天他們會提交 1.6萬次代碼修改請求，他們是如何做到生產環境的穩定的呢？

4. CSS技巧：逐幀動畫抖動解決方案

https://aotu.io/notes/2017/08/14/fix-sprite-anim/

本文討論的背景是移動端適配方案帶來的雪碧圖抖動問題。

5. 通過 JSX Control Statements 編寫 JSX

https://zhuanlan.zhihu.com/p/28519304

一些開發者，特別是有使用過「模板技術」的開發者（例如 Handlebars），剛開始嘗試使用 React 編寫應用時，可能會驚訝的發現，JSX 竟然沒有內建支持類似其它模板引擎似的任何結構控制語句或指令，本文介紹了一種在 JSX 中使用「結構控制」的新姿勢。