前端技术周刊 2018-01-26

前端快爆

• Safari 11.1 正式版将跟随 iOS 11.3 和 macOS 10.13.4 一起发布，届时 Service Workers 会默认启用，CSS font-display 属性也会支持。更多特性详见：?

  老丝点评：Service Workers 来了，PWA 还远吗？

• Firefox 59 支持了在 Media Queries 中使用 calc() 函数 Bug 1396057，WebKit 和 Chrome 紧随其后也实现了该功能。

  老丝点评：Media Queries 中支持 calc() 将会使响应式页面制作更灵活。

• 微信小程序支持跳转往移动应用了。这已是近一个月内微信第三次增强小程序能力，包括：支持 HCE 模式的 NFC 功能、搜索周边 Wi-Fi 功能、增加小程序任务栏、支持小游戏开发、升级实时音视频录制及播放能力等。 ?

  老丝点评：跳一跳开启了「人工智能」外挂新时代。

• Firefox 实现了 Array.prototype.flatten 和 Array.prototype.flatMap，类似于 Lodash 中的 _.flatten() 方法。 ?

  

  老丝点评： 又少了一个用 Lodash 的理由啦。

• Chrome 66 支持了 (try…catch) 新语法，catch 内的绑定可以省略不写。 ?

  

  老丝点评：你们这样苍老师会生气的！忍不住作诗一首：
  **空
  苍也空
  井也空
  catch 语句不能空?**

回顾

框架

Risingstars 带我们回顾了 2017 年 Github 前端明星项。在 Github 上 Star 增长数量最多的项目包括：Vue、React、Puppeteer、Axios、VSCode、Electron 等。Node.js 框架增长前三为 Express、Koa 和 Fastify；React 生态圈为：Create React App、Ant Design 和 Next.js；移动开发为：React Native、Weex 和 Ionic；编译工具为 TypeScript、Babel 和 Flow。构建工具前两名为 Parcel 和 Webpack。 ?

老丝点评：大哥还是那个大哥。

优秀 Demo

• 字母动画?

  

• 等高线地形渐变动画 ?

  

专题

前端工程实践

• 你的 Tree-Shaking 并没什么卵用
• Pinterest 的 PWA 实践
• webpack 为什么这么难用？
• 滴滴后市场前端技术体系
• B站的前端之路
• 菜鸟网络前端全栈化之路

季度安全消息汇总?

• Moment v2.19.3 前存在 正则拒绝服务漏洞。
• Bootstrap v3.4.0 前存在 XSS 漏洞。
• Vue v2.4.3 前存在 XSS 漏洞。
• Electron v1.7.8 以前的多个版本存在 任意代码执行漏洞。
• ws v3.3.1（一个 Node.js 的 WebSocket 库）以前的多个版本存在 拒绝服务漏洞。

本周编辑：@壹丝，审阅：@humphry