前端技术周刊 2018-04-13

前端技术周刊 2018-04-13

前端​快爆

上新

• React 16.3 正式发布，除了新支持了 Context API 以外，还支持了新的绑定表单的方法 createRef，从高序组件往下传递 ref 的方法 forwardRef，增添了新的生命周期方法 getDerivedStateFromProps 和 getSnapshotBeforeUpdate 。?

Humphry：新的生命周期方法替代了对 componentWillMount、componentWillReceiveProps、componentWillUpdate 的滥用，副作用大大降低了，这三个方法在将来的 React 17 中也会加上 UNSAFE_ 的前缀哦。配图还是有一些纰漏的，仅供参考。

• Cloudflare 发布了域名解析服务地址——1.1.1.1，旨在解决通常 DNS 服务的易被劫持和污染的问题，他们支持了基于 TLS 的 DNS 和基于 HTTPS 的 DNS。?

Humphry：不过看评论，还是有不少设备和运营商把这个 DNS 用于其他的用途的……

• G2 的移动版本 F2 最近发布了其 3.1 版本。新版本重写了绘图引擎，提供了更细粒度的引入机制，面向移动端优化了交互，提供了两种类型的动画。?

Humphry：亮点在于对移动端的交互优化哦

• Typescript 2.8 发布了，新支持了条件类型、@jsx 声明、对类型描述的粒度控制、整理 import 顺序方法、快速修复初始化声明等内容。?

谷歌​全家桶

1. CSSOM 加入了类型——CSS Typed OM，我们再也不用在读写 DOM 样式时为类型和字符串分割所烦恼，新规范隶属于 Houdini，带来了更好的可编程性和性能提升。读写带类型的接口为新开辟的 attributeStyleMap 和 styleMap，该特性在 Chrome 66+ 中被支持。?
2. V8 更新版本 6.6，新支持了不用绑定异常变量的异常处理语法 try { } catch { }，String 原型扩展String.prototype.trimStart()等，进行了支持了背景编译、移除了 AST 排号阶段的优化，提升了 Array.prototype.reduce、Async Generator 等的性能。?
3. Chrome 66 支持了 Presentation API，允许在网页上利用第二个屏幕作 presentation。?
4. Google 开源空间音频 SDK Resonance Audio，旨在提供混音技术以增强用户在 VR 或 AR 中的临场感。?

Humphry：Chrome 对新特性的支持速度领跑所有浏览器呀。

专题​：技术选型

Humphry：踩踩坑，跳跳舞。在前端快速发展的进程中，我们一直为新技术的光鲜所迷惑。我们整理了一些团队的实践经验和选型调研的文章，帮助大家在原型阶段快速选择适合的框架和方案。

经验

• 支付宝前端应用架构的发展和选择
• 阅文前端技术选型
• 美团点评金融平台Web前端技术体系
• npmjs.com 的重写
• Gitlab 基于 Vue 的技术体系
• 网易严选 App 感受 Weex 开发

调研与比较

• JavaScript 框架选择白皮书：比较了 React、Vue 和 Angular
• 比较 Angularjs、React + Redux、React + Mobx 的性能：方法论值得学习
• TypeScript 体系调研报告
• 选择 JavaScript 构建工具
• CSS-In-JS：详细解析了 CSS-In-JS 的主要痛点，并介绍了相关的 CSS 框架

---

本期编辑：humphry & 审阅：壹丝