前端每周清单第 65 期：npm 出乌龙，发送错误代码，Node 之父发布"下一代 Node"项目

看新闻很累？看技术新闻更累？试试下载 InfoQ 手机客户端，每天上下班路上听新闻，有趣还有料！

新闻热点

国内国外，前端最新动态

1. Node 之父 ry 发布新项目 deno：下一代 Node ：近日，Node 之父 Ryan Dahl 发布新的开源项目 deno，从官方介绍来看，可以认为它是下一代 Node，使用 Go 语言代替 C++ 重新编写跨平台底层内核驱动，上层仍然使用 V8 引擎，最终提供一个安全的 TypeScript 运行时。它的特性包括：

• 支持 TypeScript 2.8 开箱即用；
• 无 package.json，无 npm，不追求兼容 Node；
• 通过 URL 方式引入依赖而非通过本地模块，并在第一次运行的时候进行加载和缓存，并仅在代码使用 --reload 运行，依赖才会更新；
• 等等……

2. 这几个特性，有好几个都是针对目前 Node 的痛点而来的。
3. npm 出乌龙，发送错误代码：日前，npm 团队闹了一出乌龙，在全世界范围内发送错误代码“ERR! 418 I’m a teapot" error”，让很多程序员一脸懵逼。
4. Jest 23 发布：Jest 被 Facebook 用来测试包括 React 应用在内的所有 JavaScript 代码。Jest 的一个理念是提供一套完整集成的 “零配置” 测试体验。5 月 29 日，Jest 23 发布，最新版本主要更新大量的功能和修复了许多 bug：

• 添加新的交互式快照模式，这种新模式允许你逐步查看每个失败套件中的每个失败快照，以选择单独更新或跳过某个失败快照；
• 支持自定义异步匹配器（Custom Asynchronous matchers）；
• 还添加了新的匹配器：nthCalledWith、toReturn、toReturnTimes、toReturnWith、lastRetu 等。

开发教程

步步为营，掌握基础技能

1. 我是如何一步步“改造”redux 的：本文将阐述了作者是如何对 Redux 进行一步步“改造”以适应个人和团队开发需求的。作者的思路是使用 middleware 简化请求、简化 Redux Api、然后与项目进行整合。
2. JavaScript 是如何工作的：Service Worker 的生命周期与使用场景：这是专门探索 JavaScript 及其构建组件的系列的第八篇文章，该系列的其他 7 篇文章《对引擎、运行时、调用堆栈的概述》、《在 V8 引擎里 5 个优化代码的技巧》、《内存管理 + 处理常见的 4 种内存泄漏》等都在文中列出来了，详情可阅读原文。

工程实践

立足实践，提示实际水平

1. 2000 万日订单背后：美团外卖客户端高可用建设体系：而相对服务端而言，客户端运行环境千差万别，不可控因素多，面对突发问题应急能力差。因此，构建客户端的高可用建设体系，保障服务稳定高可用，不仅是对工程师的技术挑战，也是外卖平台的核心竞争力之一。

全文阐述了美团高可用建设体系的思路和美团外卖客户端整体质量体系全景图，发现、定位、解决，围绕这三个阶段的持续建设，构成了美团外卖高可用建设体系的核心，而美团外卖客户端整体质量体系全景图，整体思路为：监控报警，日志体系，容灾。
2. 实战分享：淘宝 Web 3D 应用与游戏开发：FDCON2018 中国前端开发者千人峰会上，来自淘宝技术虚拟互动团队的烧鹅在现场分享了淘宝 Web 3D 应用和游戏开发的实战。首先详细解释了 3D 与 2D 的区别，并阐述了在有限的环境下，淘宝技术虚拟互动团队是如何通过 Canvas 去实现 3D 效果。随着 Web GL 的发展，如何在手机淘宝中实践，以及在项目中如何与 Unity 结合提升开发效率。而现在，团队希望能够实现一个可视化的编辑器，帮助开发者快速得构建出相关的应用。
3. 基于 Node.js 的 HTTP/2 Server 实践：虽然 HTTP/2 目前已经逐渐的在各大网站上开始了使用，但是在目前最新的 Node.js 上仍然处于实验性 API，还没有能有效解决生产环境各种问题的应用示例。因此在应用 HTTP/2 的道路上我自己也遇到了许多坑，全文介绍了项目的主要架构与开发中遇到的问题及解决方式，也许会对你有一点点启示。

深度阅读

深度思考，升华开发智慧

1. 进击的 WebRTC：我们为什么需要它？：有人说 2017 年是 WebRTC 的转折之年，2018 年将是 WebRTC 的爆发之年。去年，WebRTC 1.0 标准草案出炉，并将于今年正式发布。与此同时，越来越多的浏览器和厂商都开始对它进行广泛的支持，WebRTC 即将成为互联网的基础设施了。

作者从历史的角度、WebRTC 标准、WebRTC 适用的场景、从 RTMP 到 WebRTC 和 WebRTC 的前景等角度告诉为什么我们需要 WebRTC。
2. 2018 年最值得关注的 30 个 Vue 开源项目：这是 2017 年 1 月至 12 月期间发布的最佳开源 Vue.js 库、工具和项目。通过考虑流行度，参与度和近况来评估这些库的质量。排在前五的库分别是：基于 Vue 2.0 的桌面端组件库 Element、高质量的 UI 组件库 iView、Best-resume-ever、一个神奇的 vue 后台管理系统 Vue-element-admin、Vue.js 2 的 Material 组件库 Vuetify。
3. 10 个为您的下一个 Web 应用程序使用 Nuxt.js 的理由：如果你是一个 Vue 开发者，可能你听说过 Nuxt.js。你可能会问，为什么我要在一个框架里面再用一个框架，Vue 已经让开发 JavaScript 应用变得很容易了，Nuxt.js 背后的想法是什么？

这篇文章，我们将讲述为什么要在你的下一个项目中使用 Nuxt 的 10 个原因，包括轻松创建通用应用程序、静态渲染您的 Vue 应用程序，并获得通用应用程序的所有优势，而无需服务器、获取自动代码分割（预渲染页面）、无需额外工作即可获得 ES6 / ES7 编译等。

开源项目

乐于分享，共推前端发展

1. react-ideal-image ：react-ideal-image 是一个几乎完美的 React 图像组件，重点在于 UX 和浏览器功能，而不是 React 代码，作者将其发布到 npm 中，但它还没有测试，使用它需要自己承担风险。它的特性主要表现在延迟加载、占位符属性、自适应、SSR prerendering 等。
2. wired-elements ：wired-elements 是一组常用的手绘 UI 元素，这可以用于线框、模型等。这些组件包括 wired-button、wired-card、wired-checkbox、wired-combo 等。
3. kit ：kit 是用于开发、记录和测试 React 组件库的工具，旨在最大限度地重用代码，它包括零配置开发服务器、组件库模式、用于演示和开发的实用程序组件。

前端之巅

「前端之巅」是 InfoQ 旗下关注大前端技术的垂直社群。紧跟时代潮流，共享一线技术，欢迎关注。