共计 670 个字符，预计需要花费 2 分钟才能阅读完成。
教程
JS 事件触发顺序
作者讲解了 JS 里的事件捕捉和事件冒泡，以及应用场景。
MDN – addEventListener
addEventListener 这个绑定事件的方法我们经常用到，不过这个方法有所更新，增加了第 3 个参数的用法，一起来学习吧。
我们可以用下面这段代码来检测浏览器是否支持 passive 参数。
var passiveSupported = false;
try {
var options = Object.defineProperty({}, “passive”, {
get: function() {
passiveSupported = true;
}
});
window.addEventListener(“test”, null, options);
} catch(err) {}
// 兼容新旧浏览器的用法
someElement.addEventListener(“click”, handler, passiveSupported ? { passive: true} : false);
使用 passive 参数可以改善页面滚动的性能。
npm 模块安装机制
介绍了 npm install 背后的原理。
工具 & 资源
Quasar 1.0 — Reaching for the Stars
基于 Vue 的开源框架，支持 SPA、SSR、PWA，一套代码运行多端，且提供丰富的组件和插件快速开发。
cleave.js
<input> 格式化工具，支持多种手机号、日期、数字和自定义格式等。
Package Diff
比较两个不同版本的 npm 模块。
如果你喜欢这篇文章，请关注我，我会持续输出更多原创且高质量的内容。
原文链接：前端周报第 7 期
