阿里雲前端週刊 – 第 20 期

NO IMAGE

推薦

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 個常用操作。不會因為工具本身的擴充套件,而擴充套件新的用法,統一、一致,免於記憶,通過 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 這篇文件詳細了介紹了這一點,對國際化理解還不是特別清晰的強烈建議讀一下這篇文章。