FCC 成都社群·前端週刊 第 7 期

FCC成都社群發表於2018-04-09

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 ?

相關文章