https://github.com/hiswe/minidom
chainable arrays DOM API wrapper
https://github.com/hiswe/minidom
Last synced: over 1 year ago
JSON representation
chainable arrays DOM API wrapper
- Host: GitHub
- URL: https://github.com/hiswe/minidom
- Owner: Hiswe
- Created: 2016-03-03T11:44:10.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-03-03T12:09:06.000Z (over 10 years ago)
- Last Synced: 2025-02-03T22:32:55.326Z (over 1 year ago)
- Language: JavaScript
- Size: 5.86 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Minidom
Small wrapper around the DOM API written in ES2015.
The purpose is to have a chainable API that use extended real arrays (like in [dominus](https://github.com/bevacqua/dominus))
## why
It's a simple personnal project for my own use (mainly).
It's why it won't be published on NPM.
there are a lot of good alternatives :)
- [jQuery](https://www.npmjs.com/package/jquery)
- [Dominus](https://github.com/bevacqua/dominus)
be aware that it only use basic DOM api:
- [youmightnotneedjquery](http://youmightnotneedjquery.com/)
- [what jquery does for you](https://docs.google.com/document/d/1LPaPA30bLUB_publLIMF0RlhdnPx_ePXm7oW02iiT6o/edit)
## support
- should be IE10+
- doesn't have a selector engine (use document.querySelectorAll)
## not DOM functions
- **XHR**: use [fetch API](https://fetch.spec.whatwg.org/) (use [fetch polyfill](https://www.npmjs.com/package/whatwg-fetch), need Promise support)
- **Promise**: use [es6-promise](https://www.npmjs.com/package/es6-promise)
- **Serialize a form**: use [form-serialize](https://www.npmjs.com/package/form-serialize)
## animations
use css animation with transitionEnd. (determining which transitionend event could be done with [transitionend-property](https://www.npmjs.com/package/transitionend-property)
# Install
```
npm install hiswe/minidom -D
```
## compile
this libs means to be used with browserify + babelify + preset2015
```
npm install browserify babelify babel-preset-es2015 -D
```
```js
var browserify = require('browserify');
var babelify = require('babelify');
b = browserify({
cache: {},
packageCache: {},
debug: true,
entries: ['./front-app/index.js']
});
b.transform(babelify, {presets: ['es2015']})
// …end of the build
```
## use
in your front application
```js
import minidom from 'minidom';
$('body').removeClass('no-js');
```
# documentation
see doc.md