Dockery/Pinry
1
0
Fork 0
mirror of https://github.com/pinry/pinry.git synced 2025-11-18 02:40:40 +01:00
Code Issues Packages Projects Releases Activity

Feature: Optimize resize events trigger

Browse Source
This commit is contained in:
winkidney
2019-03-07 17:55:14 +08:00
committed by Isaac Bythewood
parent 488138767f
commit 051c1735d6
1 changed files with 21 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
pinry/static/js/vue/main.js
View File

@@ -198,21 +198,28 @@ Vue.component('pin-container', {
}); });
(function() { (function() {
var throttle = function(type, name, obj) { var previousResize = 0;
obj = obj || window; var throttle = function(type, name, obj) {
var running = false; obj = obj || window;
var func = function() { var running = false;
if (running) { return; } var func = function() {
running = true; if (running) { return; }
requestAnimationFrame(function() { var now = new Date().getTime();
obj.dispatchEvent(new CustomEvent(name)); console.log(now, previousResize, now - previousResize);
running = false; if ((now - previousResize) < 200) {
}); return
}; }
obj.addEventListener(type, func); previousResize = now;
}; running = true;
requestAnimationFrame(function() {
obj.dispatchEvent(new CustomEvent(name));
running = false;
});
};
obj.addEventListener(type, func);
};
throttle("resize", "optimizedResize"); throttle("resize", "optimizedResize");
})(); })();
var app = new Vue({ var app = new Vue({