前端技术周刊 2018-01-19
前端快爆
上新
- Node.js v9.4.0 发布，废弃了
async_hooks，更新了部分 HTTP/2 相关模块，升级了依赖库 nghttp2、npm 及 V8。? - ECharts 4.0 发布，包括渲染性能提升、支持渲染到 SVG、扁平化了配置项、新增了旭日图类型、支持了无障碍访问，此外，后续将支持在微信小程序和 PowerPoint 中使用 ECharts 内容。此外，百度还发布了 WebGL 图表绘制库 ECharts GL 1.0、核心渲染库 ZRender 4.0 和深度学习可视化平台 Visual DL。?
- 可以控制 Headless Chrome 的库 Puppeteer 发布了其 1.0.0 版本。主要支持了：JS/CSS代码覆盖率 API、输出 PDF 时支持定制页眉/页脚、XPath 等。?
- CSS 五大魔术之一的 [Paint API]() 刚刚已经在 Chrome Canary 正式启用，标志着 2018 将进入 CSS Houdini 元年。Canvas 能绘制的以后 CSS 都可以通过 paint() 属性来绘制。?
事件
- npm 于上个月发布模块命名新规则，官方禁止了类似命名的框架被发布，具体而言，因为存在
react-native库，将不能发布reactnative、react_native或react.native。作为替代，官方鼓励用户发布带有用户名作为命名空间的框架，形如@ceejbot/react-native。?
humphry 点评：16年 left-pad 事件起就该改了，心里没有一点贝塔数吗
- 1月6日，npm 删除了一个疑似 spammer 账号及其 Npm 包，导致多至 102 个依赖链条上的包可能出现问题。npm 快速恢复了被删除的包，并在四小时后完成了对用户新上传的同名包的审查。此次事故在 Github Issue 上迅速发酵，在周六等着解决问题的开发者们一度将 Github 评论到返回 500 异常。最终，npm 设定了先利用机器 spam 审核再人工复查的方式，并在删除后24小时禁止类似名称的包被发出，以避免此类事故再次发生。 ?
humphry 点评：npm 啊，每年总有那么几次……
- 近日，谷歌旗下的 AMP 宣布每月为 Preact、Webpack、Babel 提供资金捐赠，谷歌推动 AMP 发展势在必行。一些开发者认为，AMP 是解决网页性能问题的一种错误的解决方式，将加剧谷歌的垄断，并造成互联网远离中立、动态、有竞争并面向消费者的境地。他们书写了联名书，希望谷歌减少对 AMP 页面的权值变化。?
humphry 点评：反垄断，那是什馍
回顾
近日，透过 Stack Overflow Trends 中前端框架相关问题的占比，我们得以一瞥前端框架残酷的生命循环：每隔大概六个月，就有一个框架自称革了前端开发的命，成千上万的前端研发在项目中使用，在博文中总结，在 Stack Overflow 中提问，直到下一个框架提起剑试图篡夺王座。通过图表，我们可以看到 2012 年的 Backbone，2013 年的 Knockout，2014 年的 Ember 在度过他们的高峰时刻后，其热度便在 Stack Overflow 上逐步冷却。而 React 和 Vue 相关的提问则逐年攀升。?
humphry 点评：这背后是一轮一轮从业人员的述职和涨薪，你会反感吗……
npm 发布了 2017 年度的框架流行度变化情况，Backbone、jQuery 进入负增长阶段，Vue、Preact 则以较轻的体量快速增长，而 React 稳坐下载量第一的席位，且增长速度相对其体量依然很快。?
humphry 点评：大妈已经不是当年那个大妈了，MV叉还是那个MV叉
专题
前端质量管理
本文主要从技术管理角度，介绍了管控的各个阶段：规范化、自动化、流程化与中心化。
本文以详实的示例，针对测试的各个场景，逐一介绍了如何进行测试：Node.js 模块的测试、Gulp 插件的测试、页面测试、React 组件测试与持续集成。在这个过程中介绍到了 Mocha、Istanbul、Mocha-phantomjs、Karma、Travis 和 Overalls。
- 代码质量指标：复杂度检测
本文为美团分享的对代码可维护性的指标拆解：代码行数、圈复杂度和代码容量。并在后文着重介绍了后两者如何计算，并分享出检测的工具。
本文是阿里的 Clue 前端监控平台负责人在 D2 上的分享，从采集、数据处理、分析、报警 4 个维度阐述了如何把前端监控做到极致。
本期编辑：humphry 审阅：壹丝 校对：池冰
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。