前端技术周刊 2018-03-16

老丝：十里春风不如你，三月快爆看这里。啦啦啦，转眼又到了春的季节，万物复苏。看完周刊，放下手中的键与执念，投身春的江湖，去看看那樱花，看看那桃花，说不定你也会时来运转呢。

前端快爆

• Edge 17 正式支持可变字体（Variable Fonts）技术，开发者可以通过 font-variation-settings对支持该技术的字体进行各种维度的细节调整。?

  老丝点评：百变字体，还可以动画，陈独秀同学你坐下，挡着火狐同学了。

• Node-sass 4.8.0 发布，升级 libsass 到 3.5.0，支持了 CSS 自定义属性，原生 var() 函数等。?

  老丝点评：改动比较大，升级需谨慎。

• Chrome Canary 实现了类的私有属性，此前 Babel 也已经支持。?

• CSS 控制多行溢出的属性 line-clamp 已经添加到 CSS Overflow Module Level 3 规范中， Safari 和 Chrome 均已支持私有属性-webkit-line-clamp，最近 Edge 也宣布支持了该属性。?

  老丝点评：CSSWG 终于决心要解决这个烂摊子了。

• TC39 的 Github 项目中，有人提议将 Array.prototype.flatten 更名为 Array.prototype.smoosh 以保证老框架 Mootools 的兼容性。然而，标准提案和 Mootools 的接口并不一致，且有 Twitter 称此单词太过生僻。场面一度很尴尬，JS 之父 「Brian Terlson」 提醒道：TC39 的 Github 活跃者并不代表整个社区的意见。?

  老丝点评：JQuery：我都没说啥。

优秀 Demo

• CSS 魔方

• 3D Media player in only CSS

专题

Progressive Web App

随着 Chrome 最近支持把 PWA 网页直接保存为桌面应用，PWA 的应用前景越来越可期。在未来的网页容器将是怎样的这个议题上，除了微信这样入口垄断的方案，我们依然可以去了解一下谷歌的开放方案。

• 下一代 Web 应用模型 — Progressive Web App
• 嗯，这个项目应该改成 PWA
• PWA是否能带来新一轮大前端技术洗牌？

教程

• Google Developer 的 PWA 教程
• 构建混合渲染的 PWA

实践

• PWA 在 Pinterest
• PWA 在饿了么
• PWA 在百度搜索
• iOS 11.3 支持PWA了，然而……

老丝：怎么样看完了，仔细想想，若还是孑然一身，还可以来我们阿里妈妈前端团队，带你一起去流浪。私信小编，在线等你哦?。

本期编辑：壹丝，审阅：Humphry。
题图来源：https://medium.com/skyshidigital/progressive-web-app-pwa-1cd0758c2af4