# gap-front-web

> ## Install

Latest version **1.3.2** (published 2020-05-04) · MIT license · 0 weekly downloads

## Install

```sh
npm install gap-front-web
pnpm add gap-front-web
yarn add gap-front-web
bun add gap-front-web
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.3.2 |
| Published | 2020-05-04 |
| First published | 2018-03-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 16.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | zhanjh |
| Maintainers | captainxu, cyjme, patrickstar, weiwenqiang, zhanjh |

## Links

- npm: https://www.npmjs.com/package/gap-front-web
- Repository: https://github.com/gaptree/gap-front-web
- Homepage: https://github.com/gaptree/gap-front-web#readme
- Issues: https://github.com/gaptree/gap-front-web/issues
- npm.io page: https://npm.io/package/gap-front-web

## Dependencies (1)

- [gap-front-event](https://npm.io/package/gap-front-event.md) ^3.1.1

## Recent versions

- 1.3.2 (latest) — 2020-05-04
- 1.3.1 — 2020-04-26
- 1.3.0 — 2020-04-26
- 1.2.15 — 2018-08-17
- 1.2.14 — 2018-08-13
- 1.2.13 — 2018-08-13
- 1.2.12 — 2018-08-10
- 1.2.11 — 2018-05-24
- 1.2.10 — 2018-05-24
- 1.2.9 — 2018-05-24
- 1.2.8 — 2018-05-24
- 1.2.7 — 2018-05-24
- 1.2.6 — 2018-05-23
- 1.2.5 — 2018-05-23
- 1.2.4 — 2018-05-23
- … 18 more at https://npm.io/package/gap-front-web/versions

## README

# gap-front-web

## Install

```
yarn add gap-front-web
```

## Usage

```js
import {allElem, oneElem, ready} from 'gap-front-web';

oneElem('.elem1').on('click', (event) => {
    console.log('click');
});

allElem('.elem2').forEach(elem => {
    elem.addClass('class1');
    elem.removeClass('class2');

    console.log(elem);
});

ready(() => {
    console.log('dom content has loaded');
});
```

on & cb
```javascript
const div1 = createElem('div');
const div2 = createElem('div');

document.body.appendChild(div1);
document.body.appendChild(div2);

let tpl1 = 0;
let tpl2 = 0;

div1.cb('click', () => tpl1 += 1);
div1.cb('click', () => tpl1 += 2);
div1.cb('click', () => tpl1 += 3);

div2.on('click', () => tpl2 += 1);
div2.on('click', () => tpl2 += 2);
div2.on('click', () => tpl2 += 3);

div1.click();
div2.click();

expect(tpl1).toBe(3);
expect(tpl2).toBe(6);
```

---
_Source: https://npm.io/package/gap-front-web · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._