阿里雲前端周刊 - 第 19 期

推薦

1. 高性能 MobX 模式（part 3）- 用例教程

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

前面兩部分把重點放在了 MobX 基礎模塊的構建上。用這些模塊我們可以開始解決一些現實場景的問題了。這篇文章將會通過一系列的示例來應用我們已經了解的概念。

當然了，這不會是一個冗長的列表，而是可以讓你嘗試轉變思維去應用 MobX。所有示例都沒有使用 @decorator 的語法來實現。這樣可以讓你在 Chrome 控制台、Node命令行環境或者是像 Webstrom 這樣支持臨時文件的 IDE 中嘗試。

2. React 16 中的錯誤處理

https://facebook.github.io/react/blog/2017/07/26/error-handling-in-react-16.html

在 React 15.x 及之前的版本中，組件內的異常有可能會影響到 React 的內部狀態，進而導致下一輪渲染時出現未知錯誤。這些組件內的異常往往也是由應用代碼本身拋出，在之前版本的 React 更多的是交託給了開發者處理，而沒有提供較好地組件內優雅處理這些異常的方式。在 React 16.x 版本中，引入了所謂 Error Boundary 的概念，從而保證了發生在 UI 層的錯誤不會連鎖導致整個應用程序崩潰；未被任何異常邊界捕獲的異常可能會導致整個 React 組件樹被卸載。

3. 從軟體工程角度看大前端技術棧

http://gitbook.cn/books/596760dc118fa209584fd395/index.html

我們都知道，大學幾乎是沒有 Web 前端課的。以我所在的大學為例，唯一引導我們了解 JavaScript 的也只是『人機界面』和『Web應用開發』選修課。再者，由於這些選修課的課時短、面向的主要群體是大部分大學生等原因，其最終所涉及的內容層次也很難趕上近年來 Web 前端領域的快速變化。自學，看起來是廣大前端學習者的普遍成長道路。本文嘗試結合軟體工程專業背景並貫穿軟體工程思想，開啟一個常常「不為人所知」的大前端技術棧之旅。

4. 深入 PostCSS Web 設計

http://www.w3cplus.com/preprocessor/postcss-book.html

PostCSS是一種工具，一款已成長為像Sass和LESS一樣主流的處理器，這一切都歸功於它的強大、速度和易用性。《深入PostCSS Web設計》是使用PostCSS的完全指南，《深入PostCSS Web設計》將指導你如何編寫優秀的樣式，並將其運用到Web頁面，同時讓你的樣式保持可維護性。

其它

1. 基於 Node.js 與 HTML5 的視頻流

https://medium.com/@daspinola/video-stream-with-node-js-and-html5-320b3191a6b6

本文一步一步地介紹如何構建基礎的 Node.js 介面，並且添加某個路由從而將視頻文件發送給前端。本文首先介紹了 Node.js 中流的基礎概念與如何獲取文件體積、從文件創建流並且獲取塊的大小等基本 API，然後介紹了如何搭建伺服器並且添加合適的路由以返回視頻流，最後介紹了前端如何利用 HTML5 的 video 標籤實現視頻播放與控制；

2. Web 端的下一代三維圖形

https://github.com/xitu/gold-miner/blob/master/TODO/next-generation-3d-graphics-on-the-web.md

蘋果的 WebKit 團隊已經建議成立一個 W3C 社區群組，討論 Web 端三維圖形的未來，並開發一款支持現代 GPU 特性（包括底層圖像處理和通用計算）的標準 API。

3. 新版 Chrome 帶來了新的字體渲染屬性 font-display

http://mp.weixin.qq.com/s/Z_AevQB0_PtANBuxC_gGYQ

網頁字體可以讓你擁有更豐富的排版，但是並不是所有用戶都有相對應的字體，那麼就需要下載，可下載字體會讓你的網站在打開時顯得比較慢。

不過我們可以使用後備字體讓瀏覽器來渲染，如果這個字體下載時間過長的話。那麼這個新的 font-display 屬性可以幫你控制需要下載的字體載入完成之前所呈現的方式。

4. 阿里巴巴即將開源 Angular 組件庫 NG-ZORRO

https://parg.co/bWL

Zorro 的外觀設計由 Ant-Design 團隊擔綱，而且和其它組件庫共享了一致的風格和動畫效果。Zorro 已經在阿里雲團隊內部使用，無論是組件的數量，還是代碼質量，包括外觀設計，都非常值得大家期待！對於 Angular 社區來說，這是一個重大的消息，Zorro 的發布將會進一步提升 Angular 在企業應用方面的巨大優勢。

5. 關於 Angular 和 vue 的對話

• Angular有哪些地方比Vue更優秀？(作者已刪文)
• 回應『Angular有哪些地方比Vue更優秀？』
• 最後一次回應大漠窮秋
• 致歉信
• 如何評價大漠窮秋的文章《Angular有哪些地方比Vue更優秀？》?
• 關於Angular和vue的對話，對前端圈子到底起到什麼作用，能不能推進前端的發展？
• 如何看待大漠窮秋離職並且刪完專欄中所有文章？

推薦閱讀：