@chenziappu/resizer v0.0.1

@chenziappu/resizer

Resizer is a simple JavaScript library for handling window resize events. It provides a convenient way to register callback functions that will be executed every time the window size changes, and it also allows you to control the frequency of the resize events by specifying a delay time.

Install

npm install @chenziappu/resizer

or

<script src="https://unpkg.com/@chenziappu/resizer"></script>

Usage

To use Resizer, simply create a new instance of the Resizer class and register your callback functions using the add() method:

import Resizer from '@chenziappu/resizer';

const resizer = new Resizer();

resizer.add(({ width, height, dpr }) => {
  console.log(`Window size changed to ${width}x${height} at ${dpr}x DPR.`);
});

You can also specify a priority value when registering your callbacks, which will determine the order in which they are executed:

resizer.add((data) => {
  console.log('First callback:', data);
}, 10);

resizer.add((data) => {
  console.log('Second callback:', data);
}, 5);

resizer.add((data) => {
  console.log('Third callback:', data);
}, 1);

You can remove a callback by calling the remove() method and passing the ID returned by the add() method:

const id = resizer.add((data) => {
  console.log('Callback:', data);
});

resizer.remove(id);

Option

Methods

License

ISC License