前端技術週刊 2018-06-09：網絡協議棧

前端技術週刊 2018-06-09

前端快爆

生態更新

• Git 發現一個關於 Submodule 的安全漏洞，將可能致使任意代碼執行漏洞，將 Git 客戶端升級到 2.17.1 便可避免這樣的安全問題。🔗
• W3C 網絡內容可訪問性指南的 2.1 版本已經進入 W3C 的推薦狀態，新版本包含移動端擴展，面向差視力、認知與學習輔助相關內容，WebDriver 接口也進入了 W3C 推薦狀態。🔗
• Chrome 67 發佈，支持把任意 PWA 項目添加到 PC / Mac 桌面，支持了泛用傳感器 API，支持了 BigInt。🔗
• Chrome 68 起，Service Worker 中發起的請求默認不受到 HTTP 緩存的影響，新支持了 updateViaCache 的選項以控制緩存行爲。🔗

瑞士軍刀

• 提供 Node 端控制 Chrome 的接口的 puppeteer 發佈了版本 1.5，提供了 Browser Contexts 接口以隔離不一樣頁面的共通數據如 Cookies，且能夠操縱 Web Workers 相關接口。
• sucrase 是一個 babel 的替代品，它比 babel 更加輕量，比 babel 快 20 倍、比 TypeScript 快 8 倍，旨在作面向最新瀏覽器 / node 穩定版本的 ES 編譯。
• Critters 是 Chrome 提供的一個抽取關鍵路徑 CSS 並懶加載剩餘 CSS 的 Webpack 插件。
• TypeScript 2.9 發佈了，新版支持直接引入其餘模塊的類型、自動打開--pretty模式、支持模版函數使用範型語法、支持keyof聲明對象鍵的字面量，並追加了部分編輯器提示改良。
• Paper.js 是一個協助矢量繪圖的工具庫，提供了不少有意義的算法如路徑交叉、布爾運算、碰撞檢測算法。

專題：網絡協議棧

HTTP/2 推送

• HTTP/2 還推不推了？：JSConf EU 2018 的一個分享，討論了網絡性能的優化途徑，先簡介了 Preload，而後探討了 HTTP/2 推送機制落到實際使用的一些細節
• HTTP/2 推送機制比我想的還難：去年的文章，介紹了相關細節的瀏覽器差別，能夠了解一下

DNS

• DNS over HTTPS 的卡通介紹
• DNS over HTTPS 的好處
• 性能優化之 DNS Prefetch

Service Worker

• Service Worker 菜譜：Mozilla 提供的 Service Worker 的各個應用場景與 demo
• 多頁應用如何利用 PWA：經過利用 PWA 的對網絡請求的控制，多頁應用前端實現了一個相似於後端服務的網關/路由層，本文同時介紹了 Stream API
• PWA 的網絡性能研究：半年前的 PWA 所相關的網絡數據，有必定參考價值

應用

• 網絡性能優化很簡單：Google I/O 2018 的網絡性能優化專題，介紹面較廣
• HTTP/1 缺點總結
• 咱們所不須要的 HTTP 頭部

協議細節

• WebSocket 詳解
• HTTP 報文淺析
• HTTP 實體和編碼