README.md
OptimizedEvent.js
Usage
var OptimizedEvent = require('optimizedEvent');
var optimizedEvent = new OptimizedEvent();
optimizedEvent.add(function() {
console.log('requestAnimationFrame\'d scroll :-D');
}, 'scroll');
optimizedEvent.add(function() {
console.log('requestAnimationFrame\'d resize B-)');
}, 'resize');| /** | |
| * @constructor | |
| */ | |
| function OptimizedEvent() { | |
| this.callbacks = []; | |
| this.running = false; | |
| } | |
| /** | |
| * @public | |
| * @param {callback} Function to execute method | |
| * @param {string} Name of the event | |
| */ | |
| OptimizedEvent.prototype.add = function add(callback, event) { | |
| if (!this.callbacks.length) { | |
| window.addEventListener(event, this.eventFire.bind(this)); | |
| } | |
| this.addCallback(callback); | |
| }; | |
| /** | |
| * @private | |
| * Adds callback to loop | |
| */ | |
| OptimizedEvent.prototype.addCallback = function addCallback(callback) { | |
| if (callback) { | |
| this.callbacks.push(callback); | |
| } | |
| }; | |
| /** | |
| * @private | |
| * Run the actual callbacks | |
| */ | |
| OptimizedEvent.prototype.runCallbacks = function runCallbacks() { | |
| this.callbacks.forEach(function(callback) { | |
| callback(); | |
| }); | |
| this.running = false; | |
| }; | |
| /** | |
| * @private | |
| * Fired on resize event | |
| */ | |
| OptimizedEvent.prototype.eventFire = function eventFire() { | |
| if (!this.running) { | |
| this.running = true; | |
| if (window.requestAnimationFrame) { | |
| window.requestAnimationFrame(this.runCallbacks.bind(this)); | |
| } else { | |
| setTimeout(this.runCallbacks, 66); | |
| } | |
| } | |
| }; | |
| module.exports = OptimizedEvent; |