原生js实现的浏览器窗口大小更新状态检测工具

使用方法

var body = document.querySelector("body"),
    statusReport = document.querySelector(".status");

(function() {
  var throttle = function(type, name, obj) {
    obj = obj || window;
    var running = false;
    var func = function() {
      if (running) {
        return;
      }
      running = true;
      requestAnimationFrame(function() {
        obj.dispatchEvent(new CustomEvent(name));
        running = false;
      });
    };
    obj.addEventListener(type, func);
  };

  /* init - you can init any event */
  throttle("resize", "optimizedResize");
})();

var resizeTimer;
// handle event
window.addEventListener("optimizedResize", function() {
  console.log("firing");
  statusReport.innerHTML = "firing";
  clearTimeout(resizeTimer);
  resizeTimer = setTimeout(function() {
    statusReport.innerHTML = "fired";
    console.log("fired");
  }, 250);
});