前端周报第 7 期

2019-03-03 | 前端周报

# 教程

# 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 模块。