阿里云前端周刊 - 第 19 期
推荐
1. 高性能 MobX 模式（part 3）- 用例教程
https://zhuanlan.zhihu.com/p/...
前面两部分把重点放在了 MobX 基础模块的构建上。用这些模块我们可以开始解决一些现实场景的问题了。这篇文章将会通过一系列的示例来应用我们已经了解的概念。
当然了，这不会是一个冗长的列表，而是可以让你尝试转变思维去应用 MobX。所有示例都没有使用 @decorator 的语法来实现。这样可以让你在 Chrome 控制台、Node命令行环境或者是像 Webstrom 这样支持临时文件的 IDE 中尝试。
2. React 16 中的错误处理
https://facebook.github.io/re...
在 React 15.x 及之前的版本中，组件内的异常有可能会影响到 React 的内部状态，进而导致下一轮渲染时出现未知错误。这些组件内的异常往往也是由应用代码本身抛出，在之前版本的 React 更多的是交托给了开发者处理，而没有提供较好地组件内优雅处理这些异常的方式。在 React 16.x 版本中，引入了所谓 Error Boundary 的概念，从而保证了发生在 UI 层的错误不会连锁导致整个应用程序崩溃；未被任何异常边界捕获的异常可能会导致整个 React 组件树被卸载。
3. 从软件工程角度看大前端技术栈
http://gitbook.cn/books/59676...
我们都知道，大学几乎是没有 Web 前端课的。以我所在的大学为例，唯一引导我们了解 JavaScript 的也只是‘人机界面’和‘Web应用开发’选修课。再者，由于这些选修课的课时短、面向的主要群体是大部分大学生等原因，其最终所涉及的内容层次也很难赶上近年来 Web 前端领域的快速变化。自学，看起来是广大前端学习者的普遍成长道路。本文尝试结合软件工程专业背景并贯穿软件工程思想，开启一个常常“不为人所知”的大前端技术栈之旅。
4. 深入 PostCSS Web 设计
http://www.w3cplus.com/prepro...
PostCSS是一种工具，一款已成长为像Sass和LESS一样主流的处理器，这一切都归功于它的强大、速度和易用性。《深入PostCSS Web设计》是使用PostCSS的完全指南，《深入PostCSS Web设计》将指导你如何编写优秀的样式，并将其运用到Web页面，同时让你的样式保持可维护性。
其它
1. 基于 Node.js 与 HTML5 的视频流
https://medium.com/@daspinola...
本文一步一步地介绍如何构建基础的 Node.js 接口，并且添加某个路由从而将视频文件发送给前端。本文首先介绍了 Node.js 中流的基础概念与如何获取文件体积、从文件创建流并且获取块的大小等基本 API，然后介绍了如何搭建服务器并且添加合适的路由以返回视频流，最后介绍了前端如何利用 HTML5 的 video 标签实现视频播放与控制；
2. Web 端的下一代三维图形
https://github.com/xitu/gold-...
苹果的 WebKit 团队已经建议成立一个 W3C 社区群组，讨论 Web 端三维图形的未来，并开发一款支持现代 GPU 特性（包括底层图像处理和通用计算）的标准 API。
3. 新版 Chrome 带来了新的字体渲染属性 font-display
http://mp.weixin.qq.com/s/Z_A...
网页字体可以让你拥有更丰富的排版，但是并不是所有用户都有相对应的字体，那么就需要下载，可下载字体会让你的网站在打开时显得比较慢。
不过我们可以使用后备字体让浏览器来渲染，如果这个字体下载时间过长的话。那么这个新的 font-display 属性可以帮你控制需要下载的字体加载完成之前所呈现的方式。
4. 阿里巴巴即将开源 Angular 组件库 NG-ZORRO
Zorro 的外观设计由 Ant-Design 团队担纲，而且和其它组件库共享了一致的风格和动画效果。Zorro 已经在阿里云团队内部使用，无论是组件的数量，还是代码质量，包括外观设计，都非常值得大家期待！对于 Angular 社区来说，这是一个重大的消息，Zorro 的发布将会进一步提升 Angular 在企业应用方面的巨大优势。