阿里媽媽前端技術周刊 2018-01-19
前端快爆
上新
- Node.js v9.4.0 發布，廢棄了
async_hooks，更新了部分 HTTP/2 相關模塊，升級了依賴庫 nghttp2、npm 及 V8。
Node v9.4.0 (Current) | Node.js
- ECharts 4.0 發布，包括渲染性能提升、支持渲染到 SVG、扁平化了配置項、新增了旭日圖類型、支持了無障礙訪問，此外，後續將支持在微信小程序和 PowerPoint 中使用 ECharts 內容。此外，百度還發布了 WebGL 圖表繪製庫 ECharts GL 1.0、核心渲染庫 ZRender 4.0 和深度學習可視化平台 Visual DL。
祖明：ECharts 全新大版本 4.0 正式發布！
- 可以控制 Headless Chrome 的庫 Puppeteer 發布了其 1.0.0 版本。主要支持了：JS/CSS代碼覆蓋率 API、輸出 PDF 時支持定製頁眉/頁腳、XPath 等。
GoogleChrome/puppeteer
- CSS 五大魔術之一的 Paint API 剛剛已經在 Chrome Canary 正式啟用，標誌著 2018 將進入 CSS Houdini 元年。Canvas 能繪製的以後 CSS 都可以通過 paint() 屬性來繪製。
578252 - Implement CSS Paint API - chromium - Monorail
事件
- npm 於上個月發布模塊命名新規則，官方禁止了類似命名的框架被發布，具體而言，因為存在
react-native庫，將不能發布reactnative、react_native或react.native。作為替代，官方鼓勵用戶發布帶有用戶名作為命名空間的框架，形如@ceejbot/react-native。
http://blog.npmjs.org/post/168978377570/new-package-moniker-rules
humphry 點評：16年 left-pad 事件起就該改了，心裡沒有一點貝塔數嗎
- 1月6日，npm 刪除了一個疑似 spammer 賬號及其 Npm 包，導致多至 102 個依賴鏈條上的包可能出現問題。npm 快速恢復了被刪除的包，並在四小時後完成了對用戶新上傳的同名包的審查。此次事故在 Github Issue 上迅速發酵，在周六等著解決問題的開發者們一度將 Github 評論到返回 500 異常。最終，npm 設定了先利用機器 spam 審核再人工複查的方式，並在刪除後24小時禁止類似名稱的包被發出，以避免此類事故再次發生。
http://blog.npmjs.org/post/169582189317/incident-report-npm-inc-operations-incident-of
humphry 點評：npm 啊，每年總有那麼幾次……
- 近日，谷歌旗下的 AMP 宣布每月為 Preact、Webpack、Babel 提供資金捐贈，谷歌推動 AMP 發展勢在必行。一些開發者認為，AMP 是解決網頁性能問題的一種錯誤的解決方式，將加劇谷歌的壟斷，並造成互聯網遠離中立、動態、有競爭並面向消費者的境地。他們書寫了聯名書，希望谷歌減少對 AMP 頁面的權值變化。
The Brutal Lifecycle of JavaScript Frameworks - Stack Overflow Blog
humphry 點評：反壟斷，那是什饃The Brutal Lifecycle of JavaScript Frameworks - Stack Overflow Bloghumphry 點評：反壟斷，那是什饃
回顧
近日，透過 Stack Overflow Trends 中前端框架相關問題的佔比，我們得以一瞥前端框架殘酷的生命循環：每隔大概六個月，就有一個框架自稱革了前端開發的命，成千上萬的前端研發在項目中使用，在博文中總結，在 Stack Overflow 中提問，直到下一個框架提起劍試圖篡奪王座。通過圖表，我們可以看到 2012 年的 Backbone，2013 年的 Knockout，2014 年的 Ember 在度過他們的高峰時刻後，其熱度便在 Stack Overflow 上逐步冷卻。而 React 和 Vue 相關的提問則逐年攀升。
The Brutal Lifecycle of JavaScript Frameworks - Stack Overflow Blog
humphry 點評：這背後是一輪一輪從業人員的述職和漲薪，你會反感嗎……The Brutal Lifecycle of JavaScript Frameworks - Stack Overflow Bloghumphry 點評：這背後是一輪一輪從業人員的述職和漲薪，你會反感嗎……
npm 發布了 2017 年度的框架流行度變化情況，Backbone、jQuery 進入負增長階段，Vue、Preact 則以較輕的體量快速增長，而 React 穩坐下載量第一的席位，且增長速度相對其體量依然很快。
The State of JavaScript Frameworks, 2017
humphry 點評：大媽已經不是當年那個大媽了，MV叉還是那個MV叉
專題
前端質量管理
- 代碼質量管控的四個階段
本文主要從技術管理角度，介紹了管控的各個階段：規範化、自動化、流程化與中心化。
- 聊一聊前端自動化測試
本文以詳實的示例，針對測試的各個場景，逐一介紹了如何進行測試：Node.js 模塊的測試、Gulp 插件的測試、頁面測試、React 組件測試與持續集成。在這個過程中介紹到了 Mocha、Istanbul、Mocha-phantomjs、Karma、Travis 和 Overalls。
- 代碼質量指標：複雜度檢測
本文為美團分享的對代碼可維護性的指標拆解：代碼行數、圈複雜度和代碼容量。並在後文著重介紹了後兩者如何計算，並分享出檢測的工具。
- 把前端監控做到極致
本文是阿里的 Clue 前端監控平台負責人在 D2 上的分享，從採集、數據處理、分析、報警 4 個維度闡述了如何把前端監控做到極致。
本期編輯：humphry 審閱： @一絲 校對： @馮雨
推薦閱讀：