JS周刊#396 - Ionic 4 beta 发布;Web Beacon API;以及一些总结性的优秀文章

使用 Web Beacon API 来记录活动

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

Drew McLellan

Ionic 4 Beta 发布:使用 Web 技术构建原生应用程序

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

Ionic

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

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

Fullstory 赞助

JavaScript 算法和数据结构

列出许多常见算法(例如:位操作(bit manipulation)、帕斯卡三角形(Pascal’s triangle)、汉明距离(Hamming distance))和数据结构(例如链表(linked lists)、字典树(tries)、图(graphs))的 JavaScript 示例和解释。

Oleksii Trekhleb

ndb:改进的 Node 调试体验工具

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

Google Chrome Labs

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

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

Andy Bell

GitHub 已经在页面中移除 jQuery

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

Mislav Marohnić on Twitter

SimpleDataTable:一个无需依赖的简单数据表格控件

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

Piotr Kowalski

📘 教程和见解

Redux vs. React Context API

与 Redux 相比较,React 16.3 中新的 context API 是如何工作,以及为什么选择 context API。我们还有一个 React Status 周刊

Dave Ceddia

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

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

Zach Saucier

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

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

Adnan Rahić

想进一步了解 Ubuntu 18.04? DigitalOcean 为你提供帮助教程

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

DigitalOcean 赞助

Hello Vue:关于 Vue 的快速入门教程

关于 Vue 的入门快速教程,引用了(使用了 Vue UI 组件的)Kendo UI 库中的组件。

John Willoughby

构建 Vue 的 renderless 组件

Samuel Oloruntoba

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

Ryan Baker

为什么新 V8 引擎如此快速

Thorsten Lorenz

免费视频课程:如何将 Cordova 应用程序升级为原生应用程序

NativeScript 赞助

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

Flavio Copes

现代 JS 中的流控制:从 callback 到 Promise 再到 async/await

适合初学者。

Craig Buckler

🔧 代码和工具

Vuestic Admin:Vue.js 管理仪表板

Bootstrap 4 构建。在线 demo

Epicmax

StealJS 2.0:“未来的”依赖加载工具和构建工具

Matthew Phillips

JSInspect:检测复制粘贴和结构相似的代码

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

Daniel St. Jules

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

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

Bugsnag 赞助

jsQR:纯 QR 码阅读库

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

Cosmo Wolfe

Angular 6.1 发布

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

Stephen Fluin (Google)

excel4node:Excel 电子表格(XLSX)生成工具

符合 ECMA-376 OOXML 规范第 2 版,文档示例非常详细。

Nathan (Nater) Jorde

Web 端任天堂(Nintendo Switch)开关控制器的事件处理程序

基于 Gamepad API。

Colin van Eenige

☀️ JavaScript 总结性的优秀文章

JavaScript 作用域和闭包:一篇有用的入门/解说文章

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

Zell Liew

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

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

Sarah Drasner

古代 Web 开发人员的现代 JavaScript

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

Gina Trapani

Babel 之旅:逐步深入 Babel 转换

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

Boopathi Rajaa


🔗 访问链接