过年，还有两天就过年了。年货还没买吧？年终奖拿到了吗？双肩包还没换新的吧？女朋友还没有吧？那就赶紧看看鸡年最后一波的妈妈前端周刊吧！像老丝我这么热爱工作的一定要坚守到最后一期?。
前端快爆
- CSS Grid Layout 中的 gutter 属性现在已经去掉了
grid-前缀，统一为column-gap、row-gap、gap。Chrome、Safari、Edge 开发版均已支持。而且 Chrome、Safari 中现在还修复了之前不支持动画的问题。由于 CSS 多栏布局中也有 column-gap 属性，此次规范统一带来的好处是在多栏布局中该属性也支持动画和百分比取值。
老丝点评：虽然 Grid 规范即将进入 CR 阶段，但细节改动还是挺多的。
- React 在其 16.3-alpha 中引入了新的 Context API，为我们提供了异于 react-redux 的数据源实现。新版可以在 JSX 中于高层级组件声明 Provider 来声明数据源，于低层级组件声明 Consumer 来声明数据消费，继而在低层级组件中通过 context 对象获取数据。
humphry 点评：尽管依然依赖于 JSX 中的层叠关系，但数据依赖的形式比起以前的指令式 react-redux 实现，更偏声明式，写出的代码还是相对可读的。
- Node.js 中的 fs API 将原生支持 Promise 化，预计我们会在 Node 10 中见到它。
老丝点评：还是熟悉的配方，还是熟悉的味道。
- Edge 浏览器（Preview Build 17074+）终于在 SVG 中支持 CSS transform 属性。
老丝点评：至此主流浏览器均已支持在 SVG 中使用 CSS transform。
- 借助 FIrefox 的 devtools-highlighter，我们得以通过 CSS 计算值查找元素。
优秀 Demo
专题
浏览器新生态
提速：
近日，Firefox 58+ 和 Chrome 65+ 从两个方向为 WebAssembly 进行了提速。首先，它们同时支持了边下载边编译的 API WebAssembly.compileStreaming 和 WebAssembly. instantiateStreaming，显著加速了编译时间；此外，Firefox 针对 WASM 并行进行基准编译进程和优化编译进程，两进程各提供了更快的编译速度和运行速度，并通过热交换基准编译结果和优化编译结果，完成了进一步提速。
- 现代浏览器如何在网络层优化性能（墙外）
直播：
介绍了视频文件格式、视频编解码器和直播协议。
对直播流标准——HTTP 动态适应流标准——MPEG-DASH 的介绍。
介绍了 WebRTC 与 P2P 技术的结合流程，实现内网免流量播放。
API：
本周编辑： ，审阅：humphry
本文转自 知乎，原文链接：https://zhuanlan.zhihu.com/p/33792789，如需转载请自行联系原作者