前端技術週刊 2018-04-13

前端技術週刊 2018-04-13

前端​快爆

上新

• React 16.3 正式發佈，除了新支持了 Context API 之外，還支持了新的綁定表單的方法 createRef，從高序組件往下傳遞 ref 的方法 forwardRef，增添了新的生命週期方法 getDerivedStateFromProps 和 getSnapshotBeforeUpdate 。?

Humphry：新的生命週期方法替代了對 componentWillMount、 componentWillReceiveProps、 componentWillUpdate 的濫用，反作用大大下降了，這三個方法在未來的 React 17 中也會加上 UNSAFE_ 的前綴哦。配圖仍是有一些紕漏的，僅供參考。

• Cloudflare 發佈了域名解析服務地址——1.1.1.1，旨在解決一般 DNS 服務的易被劫持和污染的問題，他們支持了基於 TLS 的 DNS 和基於 HTTPS 的 DNS。?

Humphry：不過看評論，仍是有很多設備和運營商把這個 DNS 用於其餘的用途的……

• G2 的移動版本 F2 最近發佈了其 3.1 版本。新版本重寫了繪圖引擎，提供了更細粒度的引入機制，面向移動端優化了交互，提供了兩種類型的動畫。?

Humphry：亮點在於對移動端的交互優化哦

• Typescript 2.8 發佈了，新支持了條件類型、@jsx 聲明、對類型描述的粒度控制、整理 import 順序方法、快速修復初始化聲明等內容。?

谷歌​全家桶

1. CSSOM 加入了類型——CSS Typed OM，咱們不再用在讀寫 DOM 樣式時爲類型和字符串分割所煩惱，新規範隸屬於 Houdini，帶來了更好的可編程性和性能提高。讀寫帶類型的接口爲新開闢的 attributeStyleMap 和 styleMap，該特性在 Chrome 66+ 中被支持。?
2. V8 更新版本 6.6，新支持了不用綁定異常變量的異常處理語法 try { } catch { }，String 原型擴展String.prototype.trimStart()等，進行了支持了背景編譯、移除了 AST 排號階段的優化，提高了 Array.prototype.reduce、Async Generator 等的性能。?
3. Chrome 66 支持了 Presentation API，容許在網頁上利用第二個屏幕做 presentation。?
4. Google 開源空間音頻 SDK Resonance Audio，旨在提供混音技術以加強用戶在 VR 或 AR 中的臨場感。?

Humphry：Chrome 對新特性的支持速度領跑全部瀏覽器呀。

專題​：技術選型

Humphry：踩踩坑，跳跳舞。在前端快速發展的進程中，咱們一直爲新技術的光鮮所迷惑。咱們整理了一些團隊的實踐經驗和選型調研的文章，幫助你們在原型階段快速選擇適合的框架和方案。

經驗

• 支付寶前端應用架構的發展和選擇
• 閱文前端技術選型
• 美團點評金融平臺Web前端技術體系
• npmjs.com 的重寫
• Gitlab 基於 Vue 的技術體系
• 網易嚴選 App 感覺 Weex 開發

調研與比較

• JavaScript 框架選擇白皮書：比較了 React、Vue 和 Angular
• 比較 Angularjs、React + Redux、React + Mobx 的性能：方法論值得學習
• TypeScript 體系調研報告
• 選擇 JavaScript 構建工具
• CSS-In-JS：詳細解析了 CSS-In-JS 的主要痛點，並介紹了相關的 CSS 框架

---

本期編輯：humphry & 審閱：壹絲