閱讀997 返回首頁    go 阿裏雲 go 技術社區[雲棲]

阿裏雲前端周刊 - 第 20 期

推薦

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

https://yq.aliyun.com/articles/161190

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

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

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

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

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

https://www.infoq.com/cn/news/2017/08/deeplearn-js-Browser-machine-int

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

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

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

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

其它

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

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

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

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

https://www.infoq.com/cn/news/2017/08/Compile-project-memory-bottlenec

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

3. 深入 React 動畫實踐

https://medium.com/react-native-training/react-animations-in-depth-433e2b3f0e8e

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

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

https://www.w3cplus.com/wai-aria/web-accessibility.html

這篇文章提供了十條有關於提高網頁可訪問性的指導原則，這些原則將保證提高你網站的可訪問性，引用萬維網（W3C）的創始人@Tim Berners-Lee一句話來說網絡的力量是它的普遍性。作為靠製作網站謀生的人，我們有責任確保每個人都能更好接觸到他們。網頁可訪問性似乎是一項艱巨的任務，但它確實比聽起來要容易很多，這十條網頁可訪問性準則旨在確保所有網站都是通用的。

5. HTML5按鈕元素新屬性

https://www.zhangxinxu.com/wordpress/2017/08/html5-button-formaction-formenctype-formmethod-formtarget/

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

6. 前端國際化

https://github.com/sundway/blog/issues/9

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

最後更新：2017-08-15 11:32:15

  上一篇：go  大數據技術棧
  下一篇：go  物聯網時代將至 安全問題的思與變