前端技術週刊 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