前端周报第 7 期

教程

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 期