乐趣区

前端周报第 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 期

退出移动版