window-watcher
State object you can listen to for changes to window width.
Last updated 6 years ago by henrikjoreteg .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install window-watcher 
SYNC missed versions from official npm registry.

window-watcher

Simple CommonJS module for easily listening to changes to window width.

The idea here is to unify code that cares about changes to window size.

It also uses requestAnimationFrame (or fallback) where possible to optimize for rendering something in response to change. You can of course deboune handler further, but you get a bit of sane built-in debounce out of the box.

Also, it uses "backbone style" events. So from an ampersand-view, or backbone-view you can listenTo this one shared state object from several view and know that it'll get automatically unbound when the view is destroyed.

install

npm install window-watcher

example

var ww = require('window-watcher');


ww.on('resize', function () {
    // request animation frame debounced callback
});

ww.width; // this is shortcut to window.innerWidth;
ww.height; // this is shortcut to window.innerHeight;

credits

If you like this follow @HenrikJoreteg on twitter.

license

MIT

Current Tags

  • 1.0.0                                ...           latest (6 years ago)

3 Versions

  • 1.0.0                                ...           6 years ago
  • 0.2.0                                ...           6 years ago
  • 0.1.0                                ...           7 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 2
Last Day 1
Last Week 1
Last Month 6
Dependencies (2)
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |