前端技術週刊 2018-05-11

前端技術週刊 2018-05-11

前端快爆

生態更新

• 爲前端提供頁面性能審計報告的工具 Lighthouse 發佈了 3.0 版本，它將隨着 Chrome 69 一同到來。新版本更新了審計報告的 UI，並提供了更快的審計過程，部分評分權重和含義有更新。🔗

• Firefox 60 發佈，新版原生支持了 ES Modules、Cookie 的 Same-Site 特性、Web Authentication API 和 SVG 2 的 paint-order 特性。🔗

• W3 組織發佈了更新的移動端特性路線圖，在其中能夠查閱各種標準的支持性和所在階段，包含：圖像與排版、設備適配、表單、數據存儲、多媒體內容、用戶交互、傳感器、網絡與交流、應用生命週期、付款與服務、性能與調優、隱私與安全。🔗

Humphry：不知道標準在什麼階段？如今有集中的整理了。不過查詢特性支持可能仍是優先 MDN 吧

• 隨着 Edge 17 帶來了 Service Worker 的支持，現今全部主流現代瀏覽器均已支持 Service Worker。🔗

Humphry：前端對網絡協議棧的掌控權又大了一分，白屏風險又大了一分……

• 上週，npm 報告了一塊兒惡意 npm 包後門事件，該後門容許在 request.headers 中出現特定字符串時，在服務器中執行任意代碼。具備或間接依賴該惡意行爲的包有：getcookies, express-cookies, http-fetch-cookies, mailparser。日前，相關包已下線，並對做者進行了封禁處理。 🔗

Humphry：顯然安裝後腳本不是惟一的入侵路徑，使用開源包仍是要注意一下

瑞士軍刀

1. Rxjs 6.1.0 發佈，相較於 5.x 版本，大版本更新集中於代碼結構的調整和 bugfix，值得一提的新特性爲 isObservable 函數。從 V5 升級到 V6 能夠參考此頁面進行。🔗
2. Angular 6 於近日發佈，主要升級集中於 angular-cli 的易用性加強，初始化項目更加方便，逆轉了 service 和 module 的依賴關係以更好的完成 tree-shaking 特性；最後，支持了 V6 版本的 RxJS。🔗
3. 在最新的 F8 大會上，React VR 改名爲 React 360，並提供了部分更新：像素級精確的 2D 支持、加強的媒體支持和更好的性能。🔗
4. Qone 是騰訊文檔開源的前端 Linq 庫，支持在前端使用 Linq 語法查詢對象內容。🔗
5. 厭倦了作一個 Webpack 配置工程師？這裏有一個 Webpack 4 的配置生成器。🔗

專題：Node.js 與後端

Humphry: 本部分文章都在牆外，標都標不過來，傷感。

• 你真的須要使用 WebSocket 嗎

本文比照了 WebSocket、Server-sent Event、Long Pooling 模型在客戶端/服務端間通訊的異同，主要關注於負載均衡壓力、單工/雙工通訊能力等。

• 關於 Serverless 計算

當下 Serverless 的熱潮是怎麼一回事？本文帶來了詳盡的介紹，包括了 Serverless 對於代碼架構、部署和擴展的優點，它在企業中的落地狀況，適合領域，Serverless 與容器化、微服務、PaaS 之間的橫向對比，服務提供商，以及相關文獻彙總。此外，你可能還須要瞭解 棒棒的 Serverless 服務列表。

• 可擴展的 React 服務端渲染

這篇長文介紹了做者重構項目架構支持 React 的服務端渲染的工程經驗。本文首先介紹了 React SSR 的平均延遲增長的問題，並追查到隨機負載均衡致使的隨機時延增長，做者用了多個方案改進了負載均衡，並啓用了客戶端 fallback 渲染、減載策略及緩存策略。此外，文章還探討了依賴管理策略、同構渲染適用範圍和一些性能的小 Tips。

• Node.js 彈性架構的幾種範式

介紹了 ：命令查詢指責分離 CQRS，事件流，洋蔥模型（視圖層/事件層 - 指令處理層 - 項目接口層 - 領域模型）。

• 你所須要瞭解的分佈式事務

深刻淺出地介紹了分佈式系統中的事務的處理。文章比照了分佈式系統中樂觀和悲觀的數據更新策略，介紹了保障原子性的多版本併發控制協議 MVCC 和時鐘同步方案，保障一致性的兩步提交協議、Paxos、Raft、PBFT、工做證實和風險證實，保障隔離性的快照隔離或線性隔離，最後還介紹了多個現代雲服務提供的分佈式事務的實現。

---

編輯：humphry & 審閱：壹絲