depends on underscore.js
var respondr = Respondr.create();
respondr.set.ranges({
small: [0, 200],
medium: [200, 300],
large: [300, Infinity]
});
respondr.on.enter('large').run(function () {
// do something
});
respondr.on.exit('medium').run(function () {
// do something
});
respondr.on.enter('small').run(function () {
// do something
});
For most applications, there is only a need to have one respondr instance, but you can create more if you'd like. They will operate independent of one another, and can have their own range definitions.
var respondr = Responder.create();
var auxillaryRespondr = Respondr.create();
To set ranges, pass an object map to respondr.set.ranges in the format:
respondr.set.ranges({
firstRange: [min, max],
secondRange: [min, max]
});
Notes on ranges:
- Passed as an
ArrayofNumbers(of length 1 or 2) - Must be non-negative integers or
Infinity - If only one
Numberis provided, the second is assumed to beInfinity - Second
Numbermust be greater than firstNumber - The key value of the range will later be used as the range identifier when binding events
To bind events, use the following syntax:
respondr.on.enter('rangeName').run(function () {
// do some setup work for this range
});
respondr.on.exit('rangeName').run(function () {
// do some teardown work for this range
});
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent