前端技术周刊 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 & 审阅：壹丝