FCC 成都社区·前端周刊第 7 期

01. ES2016, 2017, 2018 中的新特性

文章介绍了 18 个 ECMAScript 2016，2017 和 2018 中新增加的特性，这些特性已被加入到 TC39 提案中。包括Array.prototype.includes、Object.values()、Object.entries()、String padding、指数运算符、对象的rest属性和Promise.prototype.finally() 等。

详情：https://medium.freecodecamp.org/here-are-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e

02. Webpack 4.5.0 发布

Webpack 于 4 月 4 号发布了 4.5.0 版本，除了性能改进、bug 修复外，首次添加了贡献者的 yarn setup 安装脚本。

详情：https://github.com/webpack/webpack/releases

03. 纯 CSS 实现一个太阳系

Jamie Coulter 用纯 CSS 创建了一个非常棒的 demo，它可以让你探索太阳系的行星和卫星，包括各个星球的图片和简要介绍，并带有一些炫酷的效果。

详情：https://codepen.io/jcoulterdesign/pen/ZxXbeP

04. 网页设计中的 10 种排版技巧

网页设计中的 10 种排版技巧：保持最少的字体数量，使用标准字体，限制文本长度，使用在各种屏幕分辨率下可用性良好的字体，使用字母区分度高的字体，避免全英文大写文本，善用空白区域的技巧，增加色彩对比，减少单独红/绿色文本的使用，避免使用闪烁的文字。

详情：https://uxplanet.org/10-tips-on-typography-in-web-design-13a378f4aa0d

05. iOS 11.3 中的 PWA 应用

Apple 在 iOS 11.3 中悄悄增加了对“渐进式 Web 应用”(PWA) 这一系列新技术的基本支持，这意味着现在可以在没有 App Store 批准的情况下在 iOS 上安装应用程序，不过会有一些限制。文章概括了最新发布的 iOS 11.3 对 PWA 的支持情况，以及PWA 应用开发者需要注意的问题。

详情：https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a7

06. 第四届 CSS 大会

中国第四届 CSS 开发者大会已于 2018 年 03 月 31 日在厦门成功举办。前端工程师的本质就是做出用户体验更好的产品，不仅仅要考虑的是在交互上的体验，还需要考虑性能的优化，如何为用户节约带宽，如何让用户打开的速度更快。

详情：https://zhuanlan.zhihu.com/p/35278699

07. Node v9.11.0 (Current) 发布

本次发布做了一些常规小调整和功能增强。通过将 ICU 升级到 61.1 改进了对 Unicode 的支持，fs 模块增加了为 ReadStream 和 WriteStream 发送 ready 事件的功能。（从技术上讲，9.11.1已经不在了，但它是一个快速补丁版本，仅用于修复 x64 的非功能 MSI 安装程序。）

详情：https://nodejs.org/en/blog/release/v9.11.0/

08. React 生命周期的正确打开姿势

这张 React 生命周期图来自 React 开发团队核心成员 Dan。Twitter 上的很多人都发现可以从中学到一些有用的东西。React 严格定义了组件的生命周期会经历如下三个过程：挂载过程（Mount），更新过程（Update），卸载过程（Unmount）。

详情：https://twitter.com/dan_abramov

09. Bulma：基于 Flexbox 的 CSS 框架

Bulma 是基于 Flexbox 的开源 CSS 框架，支持浏览器 Chrome、Edge、Firefox、Opera 和 Safari 的最新版本，IE10+ 仅部分支持。Bulma 可支持图标库 Font Awesome 5，此外 Bulma 还有许多衍生项目，例如用于 React 的 Bloomer 和用于 Vue 的Buefy。

详情：https://bulma.io/

10. MVVM 前端数据流框架精讲

本次分享是带大家了解什么是 MVVM，MVVM 的原理，以及近几年产生了哪些演变。同时借 MVVM 这个话题拓展到对各类前端数据流方案的思考，形成对前端数据流整体认知，帮助大家在团队中更好的做技术选型。

详情：https://zhuanlan.zhihu.com/p/35211052

11. Pose：用于 HTML，SVG 和 React 的声明性动画库

当 CSS 的简洁遇上 Popmotion 灵活的强大功能，会碰撞出怎样的火花？本文介绍了 SVG，React 和 CSS 的综合应用，甚至都不需要配置，你就可以非常轻松地制作出声明式和触发式的动画。

详情：https://popmotion.io/pose/

12. 网络错误日志（NEL）

2017 年 12 月 8 日W3C 的 Web 性能工作组（Web Performance Working Group）更新了网络错误日志（Network Error Logging）的工作草案。该文档定义了一个机制，允许 Web 站点声明一个网络错误汇报策略（reporting policy），浏览器等用户代理可以利用这一机制，汇报影响资源正确加载的网络错误。该文档还定义了一个错误报告的标准格式及其在浏览器和 Web 服务器之间的传输机制。

详情：https://dcreager.net/nel/intro/

每周一同步更新到 GitHub, 欢迎 star :)