前端每周清單第65期：npm出烏龍，發送錯誤代碼，Node之父發布"下一代Node"項目

06-26

來自專欄前端之巔

前端每周清單專註大前端領域內容，幫助開發者了解一周前端熱點；分為新聞熱點、開發教程、工程實踐、深度閱讀、開源項目等欄目。歡迎關注【前端之巔】微信公眾號（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 Im 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 旗下關注大前端技術的垂直社群。緊跟時代潮流，共享一線技術，歡迎關注。

http://weixin.qq.com/r/_irexrXEaegWrfGl93-o (二維碼自動識別)