745
技術社區[雲棲]
阿裏雲前端周刊 - 第 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. 從軟件工程角度看大前端技術棧
https://gitbook.cn/books/596760dc118fa209584fd395/index.html
我們都知道，大學幾乎是沒有 Web 前端課的。以我所在的大學為例，唯一引導我們了解 JavaScript 的也隻是‘人機界麵’和‘Web應用開發’選修課。再者，由於這些選修課的課時短、麵向的主要群體是大部分大學生等原因，其最終所涉及的內容層次也很難趕上近年來 Web 前端領域的快速變化。自學，看起來是廣大前端學習者的普遍成長道路。本文嚐試結合軟件工程專業背景並貫穿軟件工程思想，開啟一個常常“不為人所知”的大前端技術棧之旅。
4. 深入 PostCSS Web 設計
https://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
https://mp.weixin.qq.com/s/Z_AevQB0_PtANBuxC_gGYQ
網頁字體可以讓你擁有更豐富的排版，但是並不是所有用戶都有相對應的字體，那麼就需要下載，可下載字體會讓你的網站在打開時顯得比較慢。
不過我們可以使用後備字體讓瀏覽器來渲染，如果這個字體下載時間過長的話。那麼這個新的 font-display 屬性可以幫你控製需要下載的字體加載完成之前所呈現的方式。
4. 阿裏巴巴即將開源 Angular 組件庫 NG-ZORRO
Zorro 的外觀設計由 Ant-Design 團隊擔綱，而且和其它組件庫共享了一致的風格和動畫效果。Zorro 已經在阿裏雲團隊內部使用，無論是組件的數量，還是代碼質量，包括外觀設計，都非常值得大家期待！對於 Angular 社區來說，這是一個重大的消息，Zorro 的發布將會進一步提升 Angular 在企業應用方麵的巨大優勢。
5. 關於 Angular 和 vue 的對話
- Angular有哪些地方比Vue更優秀？(作者已刪文)
- 回應『Angular有哪些地方比Vue更優秀？』
- 最後一次回應大漠窮秋
- 如何評價大漠窮秋的文章《Angular有哪些地方比Vue更優秀？》?
- 關於Angular和vue的對話，對前端圈子到底起到什麼作用，能不能推進前端的發展？
- 如何看待大漠窮秋離職並且刪完專欄中所有文章？
最後更新：2017-08-13 22:29:39