阿里雲前端週刊 - 第 20 期

推薦

1. 阿里電商架構演變之路

https://yq.aliyun.com/article...

首屆阿里巴巴中間件技術峯會上，阿里巴巴中間件技術部專家唐三帶來「阿里電商架構演變之路」的演講，本文從阿里業務和技術架構開始引入，分別分享了阿里電商從1.0到4.0架構的演變之路，着重分析了分佈式和異地多活的改變之路。

2. WebVR開發教程 — 深度剖析

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

最近WebVR API 1.1已經發布，2.0草案也在擬定中，在我看來，WebVR走向大衆瀏覽器是遲早的事情了，今天本人將對WebVR開發環境和開發流程進行深刻介紹。

3. deeplearn.js：瀏覽器端機器智能框架

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

deeplearn.js最初由Google Brain PAIR開發，是一款基於硬件加速的開源JavaScript庫，可被用在機器智能領域。該庫將高性能的機器學習構建模塊引入到web開發領域。PAIR是People Plus AI Research的簡稱，意爲「人+人工智能研究」，目標在於「使AI更加註重人性」。經過deeplearn.js，能夠實如今瀏覽器中訓練神經網絡模型，也可在推理階段運行預訓練模型。

4. 阿里雲前端工程化方案 dawn

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

Dawn（後續將簡稱爲 DN）是阿里雲前端團隊，新一代的前端構建工具，簡化並統一了針對開發人員的「命令行接口」，將開發過程抽象爲有序的 6 個階段 + 1 個經常使用操做。不會由於工具自己的擴展，而擴展新的用法，統1、一致，免於記憶，經過 DN 建立的工程還將會結合 GitLab CI 進行持續集成。

其它

1. 源碼拾遺 axios - 極簡封裝的藝術

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

本文分析了axios是如何經過樸素而簡單的方式，實現了網絡請求封裝中的各類擴展功能。

2. Angular AOT編譯大型項目出現內存溢出瓶頸

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

自2.0版本起，Angular就已支持了AOT（Ahead-of-time）編譯，該功能在服務器端對代碼進行編譯，這能夠免去標準的JIT（Just-in-time）方式每次都在瀏覽器運行時進行編譯的消耗，優化了客戶端的渲染速度及代碼的網絡傳輸效率。同時谷歌還推出了Angular-cli工具，進一步簡化了Angular項目的管理、編譯過程。

3. 深刻 React 動畫實踐

https://medium.com/react-nati...

本文介紹了在 React 開發中多種建立動畫效果的途徑，包括了基於 React 組件狀態的 CSS 動畫、基於 React 組件狀態的 JavaScript 樣式動畫以及第三方依賴的 React Motion、Animated、Velocity-React 等庫。本文最後還討論瞭如何用 GreenSock 等經典強大的動畫庫來輔助 React 組件動畫開發。

4. 提升網頁可訪問性的十條建議

http://www.w3cplus.com/wai-ar...

這篇文章提供了十條有關於提升網頁可訪問性的指導原則，這些原則將保證提升你網站的可訪問性，引用萬維網（W3C）的創始人@Tim Berners-Lee一句話來講網絡的力量是它的廣泛性。做爲靠製做網站謀生的人，咱們有責任確保每一個人都能更好接觸到他們。網頁可訪問性彷佛是一項艱鉅的任務，但它確實比聽起來要容易不少，這十條網頁可訪問性準則旨在確保全部網站都是通用的。

5. HTML5按鈕元素新屬性

http://www.zhangxinxu.com/wor...

本文介紹 HTML5 表單提交按鈕新增的 formaction 等 6 個屬性，以及它們在實際開發中的應用。

6. 前端國際化

https://github.com/sundway/bl...

國際化（Internationalization）一般在不少地方會用 i18n 代替，意思就是 I 加18個字母加 n。跟國際化還有一個相似的概念叫作本地化（Localization）一般用 L10n 表示。這是兩個比較接近的概念，它之間有什麼區別呢？W3C 的 Localization vs. Internationalization 這篇文檔詳細了介紹了這一點，對國際化理解還不是特別清晰的強烈建議讀一下這篇文章。