JavaScript Weekly

JavaScript Weekly 是一个收集 JavaScript 新闻和文章的周刊。从 2018.08 起，印记中文将跟踪翻译周刊，帮助大家了解国外前沿技术信息。

JavaScript Weekly

使用 Web Beacon API 来记录活动 - DREW MCLELLAN

Beacon API 是一个（所有主流浏览器支持的） Web API，它提供了一种有效的方式，可以将页面中的数据，异步发送回服务器以进行日志记录。

Ionic 4 Beta Released: Build Native Apps with Web Tech - IONIC

Ionic 4 Beta 发布：使用 Web 技术构建原生应用程序和 PWA 框架。4.0 标志着第一个完全采用现代 Web API 的版本，例如 自定义元素(Custom Elements)，CSS 变量(CSS Variables)和 Shadow DOM，并且它的核心系统是无需限定框架(framework-agnostic)的。

适用于每个用户会话(customer session)的开发人员工具 - FULLSTORY

FullStory 提供的新功能，现在通过浏览器开发人员工具，可以访问自身以外的站点会话(site sessions)。借助页面速度指标(page speed metrics)、网络分析(network analysis)、可下载的 HAR 文件(downloadable HAR files)和所有访问者会话中的综合堆栈跟踪(comprehensive stack traces)，能够做到轻松了解性能问题。

JavaScript 算法和数据结构 - OLEKSII TREKHLEB

列出许多常见算法（例如：位操作(bit manipulation)、帕斯卡三角形(Pascal’s triangle)、汉明距离(Hamming distance)）和数据结构（例如链表，尝试，图形）的 JavaScript 示例和解释。

ndb：改进的 Node 调试体验工具 - Google Chrome 实验室

使用 ndb 运行 Node 代码，并在 Chrome DevTools 中获得额外的、强大的 Node 调试功能，包括在加载模块之前编辑文件和设置断点。

使用 Vanilla JavaScript 构建状态管理系统 - ANDY BELL

Redux、MobX 和 Vuex 可以使管理跨组件状态变得理所当然，但是我们可以尝试自己编写一个？

GitHub 已经在页面中移除 jQuery - MISLAV MAROHNIĆ ON TWITTER

他们没有使用特定的框架，只是使用 querySelectorAll，自定义元素，polyfill 等方式，来替换掉 jQuery 的功能。

SimpleDataTable：一个无需依赖的简单数据表格控件 - PIOTR KOWALSKI

示例。比我们上周关注过的 TUI Grid 要轻量很多。

教程和见解

Redux vs. React Context API - DAVE CEDDIA

与 Redux 相比较，React 16.3 中新的 context API 是如何工作，以及为什么选择 context API。

使用 Canvas 向 DOM 元素添加粒子效果 - ZACH SAUCIER

一个简洁的教程，展示如何创建引人注目的 HTML 粒子效果。

使用 Express 和 MongoDB 实现 Serverless APIs 的速成课程

在 serverless context (无服务器环境) 中运行 Express 的详细介绍（Express 是 Node.js webapp library）。

想进一步了解 Ubuntu 18.04？ DigitalOcean 为你提供帮助教程 - DIGITALOCEAN SPONSOR

DigitalOcean 提供有 Ubuntu 18.04 相关的教程、项目和答案。

Hello Vue：关于 Vue 的快速入门教程 - JOHN WILLOUGHBY

关于 Vue 的入门快速教程，引用了（使用了 Vue UI 组件的）Kendo UI 库中的组件。

构建 Vue 的 renderless 组件 - SAMUEL OLORUNTOBA

在 API 请求期间创建更好的用户体验 - RYAN BAKER

为什么新 V8 引擎如此快速 - THORSTEN LORENZ

免费视频课程：如何将 Cordova 应用程序升级为原生应用程序 - NATIVESCRIPT SPONSOR

在 JavaScript 中使用日期的综合指南 - FLAVIO COPES

现代 JS 中的流控制：从 callback 到 Promise 再到 async/await - CRAIG BUCKLER

适合初学者。

代码和工具

Vuestic Admin：Vue.js 管理仪表板 - EPICMAX

Bootstrap 4 构建。在线 demo。

StealJS 2.0：“未来的”依赖加载工具和构建工具 - MATTHEW PHILLIPS

JSInspect：检测复制粘贴和结构相似的代码 - DANIEL ST. JULES

用于在代码库中查找重复代码的工具。支持 ES6, JSX 和 Flow。

使用 Bugsnag 进行应用程序稳定性监测 - BUGSNAG SPONSOR

根据数据驱动决策是否应该构建功能，或者通过修复错误使应用程序稳定。

jsQR：纯 QR 码阅读库 - COSMO WOLFE

在线 demo。它的速度非常快。

Angular 6.1 发布 - STEPHEN FLUIN (GOOGLE)

一个次要版本(minor release)，它是 Angular 6.0 的替代品。 添加 TypeScript 2.8 和 2.9 支持。

excel4node：Excel 电子表格（XLSX）生成工具 - NATHAN (NATER) JORDE

符合 ECMA-376 OOXML 规范第 2 版，文档示例非常详细。Web 端任天堂(Nintendo Switch)开关控制器的事件处理程序 - COLIN VAN EENIGE基于 Gamepad API。

☀️ JavaScript 总结性的优秀文章

JavaScript 作用域和闭包：一篇有用的入门/解说文章 - ZELL LIEW

如果你想要明确作用域和闭包的相关知识，那么这确实是一篇极佳文章。

前端开发人员的调试技巧和窍门 - SARAH DRASNER

概念、工具和思考的精彩总结。

古代 Web 开发人员的现代 JavaScript - GINA TRAPANI

“在实践中学习。实践有点拙劣？然而还是要不停地去学习。如今，我们学习现代 JavaScript，可能会觉得是在做许多无效努力。”

Babel 之旅：逐步深入 Babel 转换 - BOOPATHI RAJAA

单击右侧的“编译(Compile)”，然后顺着底部浏览。

印记中文所有文档入口，以首页链接为准。敬请收藏首页(https://docschina.org)

我们已翻译文档的链接是：

https://docschina.org/

https://webpack.docschina.org/

https://docschina.org/

https://babel.docschina.org/

https://react.docschina.org/

https://react-router.docschina.org/

https://vue.docschina.org/

https://vuepress.docschina.org/

http://nodejs.cn/

https://cn.mobx.js.org/

https://koajs.docschina.org/

https://rollup.docschina.org/

https://preact.docschina.org/

https://parceljs.docschina.org/

https://ecma262.docschina.org/

https://threejs.docschina.org/

https://localforage.docschina.org/

下面列出待翻译或正在翻译的主要仓库：

https://github.com/docschina

https://github.com/docschina/threejs.org

https://github.com/docschina/ecma262

https://github.com/docschina/docs.npmjs.com

https://github.com/docschina/postcss

https://github.com/docschina/ionicframework.com

https://github.com/docschina/rxjs-in-action