阿里雲前端週刊 - 第 21 期

推薦

1. Firefox 55 引入 WebVR 支持

https://hacks.mozilla.org/201...

近日發佈的 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-j...

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

3. 利用 Node.js 構建 API Gateway

https://blog.risingstack.com/...

隨着現代業務複雜度的增長，微服務的理念正在獲得更多的落地實踐；做爲微服務架構的重要組成部分，API Gateway 可以爲全部的後端服務提供統一的權限校驗與客戶端協議兼容的抽象層。本文首先介紹了微服務的基礎架構與 API Gateway 的概念，而後介紹了面向前端團隊的 Node.js API Gateway 組成。

4. 使用A-Frame打造WebVR版《個人世界》

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

一名就任於 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/11...

做爲騰訊開源組件分享給你們，從當初立項優化頁面加載速度，到不斷摸索、優化，再到整理代碼、文檔，最終在Github上開源，而且在24小時內獲取star數超過1600。咱們很是高興看到咱們的成果收到這麼多的關注，趁此機會，正好回顧一下VasSonic的成長曆程，也但願可以讓你們更瞭解VasSonic。

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

https://medium.com/ladies-sto...

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

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

http://www.infoq.com/cn/news/...

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

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

https://aotu.io/notes/2017/08...

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

5. 經過 JSX Control Statements 編寫 JSX

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

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