前端技术选型(技术周刊 2018-04-13)

1,463 阅读3分钟
原文链接: zhuanlan.zhihu.com

Hi 大家好,我是不玩儿知乎的 humphry,前几天我和编辑部的

@冯雨 聊天,说前端快爆能不能替征女友,他说:“关注我们专栏的都是……唉……”。于是我们打上了赌,关注快爆的一定有女孩子。恳请大家,为了那一份赌上的尊严(和煎饼果子),私信一下下 @冯雨(年方二十一,青春大方,热情洋溢),just to make a point。(女装亦可?)

前端快爆

上新

  • React 16.3 正式发布,除了新支持了 Context API 以外,还支持了新的绑定表单的方法 createRef,从高序组件往下传递 ref 的方法 forwardRef,增添了新的生命周期方法 getDerivedStateFromPropsgetSnapshotBeforeUpdate
React v16.3.0: New lifecycles and context API - React Blog​reactjs.org图标
Humphry:新的生命周期方法替代了对 componentWillMountcomponentWillReceivePropscomponentWillUpdate 的滥用,副作用大大降低了,这三个方法在将来的 React 17 中也会加上 UNSAFE_ 的前缀哦。配图还是有一些纰漏的,仅供参考。
  • Cloudflare 发布了域名解析服务地址——1.1.1.1,旨在解决通常 DNS 服务的易被劫持和污染的问题,他们支持了基于 TLS 的 DNS 和基于 HTTPS 的 DNS。
The fastest, privacy-first consumer DNS service​blog.cloudflare.com
Humphry:不过看评论,还是有不少设备和运营商把这个 DNS 用于其他的用途的……
  • G2 的移动版本 F2 最近发布了其 3.1 版本。新版本重写了绘图引擎,提供了更细粒度的引入机制,面向移动端优化了交互,提供了两种类型的动画。
章伟星:F2 3.1 发布,开箱即用的移动端可视化解决方案​zhuanlan.zhihu.com图标
Humphry:亮点在于对移动端的交互优化哦
  • Typescript 2.8 发布了,新支持了条件类型、@jsx 声明、对类型描述的粒度控制、整理 import 顺序方法、快速修复初始化声明等内容。
Announcing TypeScript 2.8​blogs.msdn.microsoft.com图标

谷歌全家桶

  • CSSOM 加入了类型——CSS Typed OM,我们再也不用在读写 DOM 样式时为类型和字符串分割所烦恼,新规范隶属于 Houdini,带来了更好的可编程性和性能提升。读写带类型的接口为新开辟的 attributeStyleMapstyleMap,该特性在 Chrome 66+ 中被支持。
Working with the new CSS Typed Object Model​developers.google.com
  • V8 更新版本 6.6,新支持了不用绑定异常变量的异常处理语法 try { } catch { },String 原型扩展String.prototype.trimStart()等,进行了支持了背景编译、移除了 AST 排号阶段的优化,提升了 Array.prototype.reduce、Async Generator 等的性能。
V8 JavaScript Engine: V8 release v6.6​v8project.blogspot.com
  • Chrome 66 支持了 Presentation API,允许在网页上利用第二个屏幕作 presentation。
  • Google 开源空间音频 SDK Resonance Audio,旨在提供混音技术以增强用户在 VR 或 AR 中的临场感。
开源 Resonance Audio​mp.weixin.qq.com图标
Humphry:Chrome 对新特性的支持速度领跑所有浏览器呀。

专题:技术选型

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

经验

调研与比较


本期编辑:humphry & 审阅:

@一丝

题图:www.letsnurture.com/services/we…