Small util to centralize and debounce window 'resize' events.
- No need for you to access the global object (window)
- Avoid triggering unnecessary repaint/reflow
- Avoid locking the UI by debouncing the event (only one event per resize action)
npm install ayamflow/size -S
var size = require('size');
size.addListener(function(width, height) {
console.log('resized', width, height);
});
console.log(size.width);
Bind a function to the resize event and immediately call the handler with the current width/height
handler- the function to call after a resize eventcontext- (OPTIONAL) - the context to bind the event callback to
Unbind a function to the resize event
handler- the function to call after a resize eventcontext- (OPTIONAL) - the context to bind the event callback to
Enable the singleton by listening to the window onresize event. This is called automatically on require/import.
options- a hash containing configurable options:
debounceTime: debounce delay for the windowonresizeevent. Defaults is 150.
Unbind the window onresize event.
MIT.