阿里雲前端週刊 – 第 21 期

Houfeng發表於2017-08-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 中使用「結構控制」的新姿勢。

相關文章