前端技术周刊 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 实体和编码