前端週報第 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 期