diff --git a/pinry/static/js/vue/main.js b/pinry/static/js/vue/main.js index f50dc47..5009b47 100644 --- a/pinry/static/js/vue/main.js +++ b/pinry/static/js/vue/main.js @@ -161,6 +161,7 @@ Vue.component('pin-container', { }, "pins": [], "heightTable": [], + "counter": 0, }; }, template: "#pin-container-template", @@ -177,7 +178,9 @@ Vue.component('pin-container', { ); }, ); - window.addEventListener("resize", this.reflow, {}) + window.addEventListener("optimizedResize", function() { + self.reflow(); + }); }, mounted: function() { this.reflow(); @@ -208,6 +211,23 @@ Vue.component('pin-container', { }, }); +(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); + }; + + throttle("resize", "optimizedResize"); +})(); var app = new Vue({ el: '#app',