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

未分类

前端每周清单专注大前端领域内容，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目等栏 目。欢迎关注【前端之巅】微信公众号（ID: frontshow），及时获取前端每周清单。

新闻热点

国内国外，前端最新动态

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

• 支持 TypeScript 2.8 开箱即用；

• 无 package.json，无 npm，不追求兼容 Node；

• 通过 URL 方式引入依赖而非通过本地模块，并在第一次运行的时候进行加载和缓存，并仅在代码使用 --reload 运行，依赖才会更新；

• 等等……

这几个特性，有好几个都是针对目前 Node 的痛点而来的。

npm出乌龙，发送错误代码：日前，npm团队闹了一出乌龙，在全世界范围内发送错误代码“ERR! 418 I'm a teapot" error”，让很多程序员一脸懵逼。

Jest 23发布：Jest 被 Facebook 用来测试包括 React 应用在内的所有 JavaScript 代码。Jest 的一个理念是提供一套完整集成的 “零配置” 测试体验。5月29日，Jest 23发布，最新版本主要更新大量的功能和修复了许多bug：

• 添加新的交互式快照模式，这种新模式允许你逐步查看每个失败套件中的每个失败快照，以选择单独更新或跳过某个失败快照；

• 支持自定义异步匹配器（Custom Asynchronous matchers）；

• 还添加了新的匹配器：nthCalledWith、toReturn、toReturnTimes、toReturnWith、lastRetu等。

开发教程

步步为营，掌握基础技能

我是如何一步步“改造”redux的：本文将阐述了作者是如何对Redux进行一步步“改造”以适应个人和团队开发需求的。作者的思路是使用middleware简化请求、简化Redux Api、然后与项目进行整合。

JavaScript 是如何工作的：Service Worker 的生命周期与使用场景：这是专门探索 JavaScript 及其构建组件的系列的第八篇文章，该系列的其他7篇文章《对引擎、运行时、调用堆栈的概述》、《在 V8 引擎里 5 个优化代码的技巧》、《内存管理 + 处理常见的4种内存泄漏》等都在文中列出来了，详情可阅读原文。

工程实践

立足实践，提示实际水平

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

全文阐述了美团高可用建设体系的思路和美团外卖客户端整体质量体系全景图，发现、定位、解决，围绕这三个阶段的持续建设，构成了美团外卖高可用建设体系的核心，而美团外卖客户端整体质量体系全景图，整体思路为：监控报警，日志体系，容灾。

实战分享：淘宝Web 3D应用与游戏开发：FDCON2018中国前端开发者千人峰会上，来自淘宝技术虚拟互动团队的烧鹅在现场分享了淘宝Web 3D应用和游戏开发的实战。首先详细解释了3D与2D的区别，并阐述了在有限的环境下，淘宝技术虚拟互动团队是如何通过Canvas去实现3D效果。随着Web GL的发展，如何在手机淘宝中实践，以及在项目中如何与Unity结合提升开发效率。而现在，团队希望能够实现一个可视化的编辑器，帮助开发者快速得构建出相关的应用。

基于Node.js的HTTP/2 Server实践：虽然HTTP/2目前已经逐渐的在各大网站上开始了使用，但是在目前最新的Node.js上仍然处于实验性API，还没有能有效解决生产环境各种问题的应用示例。因此在应用HTTP/2的道路上我自己也遇到了许多坑，全文介绍了项目的主要架构与开发中遇到的问题及解决方式，也许会对你有一点点启示。

深度阅读

深度思考，升华开发智慧

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

作者从历史的角度、WebRTC 标准、WebRTC 适用的场景、从 RTMP 到 WebRTC和WebRTC 的前景等角度告诉为什么我们需要WebRTC。

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。

10个为您的下一个Web应用程序使用Nuxt.js的理由：如果你是一个Vue开发者，可能你听说过Nuxt.js。你可能会问，为什么我要在一个框架里面再用一个框架，Vue已经让开发JavaScript应用变得很容易了，Nuxt.js背后的想法是什么？

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

开源项目

乐于分享，共推前端发展

react-ideal-image：react-ideal-image是一个几乎完美的React图像组件，重点在于UX和浏览器功能，而不是React代码，作者将其发布到npm中，但它还没有测试，使用它需要自己承担风险。它的特性主要表现在延迟加载、占位符属性、自适应、SSR prerendering等。

wired-elements：wired-elements是一组常用的手绘UI元素，这可以用于线框、模型等。这些组件包括wired-button、wired-card、wired-checkbox、wired-combo等。

kit：kit是用于开发、记录和测试React组件库的工具，旨在最大限度地重用代码，它包括零配置开发服务器、组件库模式、用于演示和开发的实用程序组件。

前端之巅

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