阿里云前端周刊 - 第 32 期

推荐

1. React 16 新特性尝鲜实战教程

https://juejin.im/post/59f26fe5f265da43252889d9

React 16 的发布除开源许可证和 Fiber 机制全面开启之外，还为我们提供了部分非常强大的新特性，本视频教程将通过实例带你探索这些新特性，从 Error Boundary 到 Text Only Component，再到 Portal，共 6 小节，19 分钟，每个小节实例讲解一个新特性，在讲解新特性基本用法的同时会介绍新特性的最佳实践。学完本视频教程，你将能熟练把诸如 Error Boundary，Portal 等特性运用到你的实际项目中来提高开发效率和代码质量，做到与时俱进。

2. 手把手教写 TypeScript Transformer Plugin

https://mp.weixin.qq.com/s/P8fK6jDniY_pUFSBrEfMUQ

用过 ant-design 的同学可能对 babel-plugin-import 有印象，它可以帮助实现模块的按需引用。在一个没有使用 antd 全部组件的项目里，这样做可以明显减少打包后的代码体积。 可是，如果你在一个没有使用 Babel 的 TypeScript 项目里，想要实现类似的功能，该怎么办呢？

3. Napa.js 简介

https://blog.philipphauer.de/restful-api-design-best-practices/

本文介绍 Napa.js 的核心概念，带领大家探索 Napa.js 是如何运转起来的。关于它的由来和开发初衷，可以阅读 这篇文章

其它

1. 前端防御从入门到弃坑 - CSP 变迁

https://paper.seebug.org/423/

本文件介绍了 Content Security Policy （CSP）内容安全策略，是一个附加的安全层，有助于检测并缓解某些类型的攻击，包括跨站脚本（XSS）和数据注入攻击。CSP的特点就是他是在浏览器层面做的防护，是和同源策略同一级别，除非浏览器本身出现漏洞，否则不可能从机制上绕过。CSP只允许被认可的JS块、JS文件、CSS等解析，只允许向指定的域发起请求。

2. 全面进阶 H5 直播

https://segmentfault.com/a/1190000008916399#articleHeader6

这篇文章主要介绍了，基于 HTML5 中的 video/audio 去处理音视频流需要用的 Web 技术。

3. Rxjs 实践-各种排序算法排序过程的可视化展示

https://juejin.im/post/59f29b9a6fb9a04504071d58

学习了《算法》的排序章节,想着做点东西，能将各种排序算法的排序过程使用Rxjs通过可视化的方式展示出来，正好练系一下Rxjs的使用（作者语），本文不会太多介绍Rxjs的基本概念，重点介绍如何用响应式编程的思想来实现功能。

4. 遇见大数据可视化 - 那些 WOW 的数据可视化案例

https://www.qcloud.com/community/article/789846

数据可视化的内涵并非只是专业人员才能看得的懂的图表，当你想要通过数据来宣传证明自己时，你遇到的问题是大多数人并不能看懂你的图表。那么让数据可视化的过程更加的生动有趣、通俗易懂就显的尤为重要了。如何才能让数据可视化在面向普罗大众更容易接受和理解，甚至产生WOW的感觉呢？本文试着通过一些具体的数据可视化案例来说明。

5. 使用 Paint Timing API 提高性能

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

传统上，前端性能主要集中在页面加载时间上，来作为重要的性能指标。商业网站性能将显示后端方面的粒度级的性能指标，如数据库查找时间、模板编译、服务器响应时间等等。然而，当涉及到客户端的时候，性能信息是有限的。这在一定程度上是由于有限的性能指标和浏览器提供的 API 。讽刺的是，一些非标准的性能跟踪技术本身会对性能产生负面影响。由于新的面向性能的 API 出现，目前这种情况正在发生转变

6. Vue 项目架构设计与工程化实践

https://github.com/berwin/Blog/issues/14

文中会讲述作者从 0~1 搭建一个前后端分离的vue项目详细过程