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 :)