Name: microbe
Owner: Sociomantic Tsunami
Description: A javascript library to aid in DOM manipulation, facilitate custom events, object observation, and data binding
Created: 2014-08-25 15:10:19.0
Updated: 2018-02-15 09:27:29.0
Pushed: 2016-10-17 10:11:32.0
Homepage: http://m.icro.be
Size: 13050
Language: JavaScript
GitHub Committers
| User | Most Recent Commit | # Commits |
|---|
Other Committers
| User | Most Recent Commit | # Commits |
|---|
(for modern browsers and ie10+)
microbe is a javascript library to aid in DOM manipulation aimed at speed and consistency as well as facilitating events, and data binding. It uses the micro character ( µ ) that is accessible in:
microbe aims to be modular and expandable. It?s separated into several modules:
Selector engine with CSS4 selector support and base functions (find, filter, siblings, children, ? )
Core helpers (class, extend, text, attributes ? )
DOM helpers (append, appendTo, insertAfter, prepend ? )
Type helpers(isUnidentified, isArray, isWindow, ? )
HTTP helpers making use of Promises (get, post, ? )
Data that is retrievable through the DOM. (get/set)
Events - binding and emitting custom events
See the full list in the docs
microbes are always array-like for consistency and can be extended and merged very easily.
Don?t hesitate to file issues and features requests! Or change things yourself and send a pull request.
npm i -D microbejs
or
bower install -S microbejs
or
<script src="./microbe.js"></script>
ll divs on the page
µDivs = µ( 'div' ) ;
reate a div with the class example--class
newDiv = µ( '<div.example--class>' );
ives the class example--class to each div
s.addClass( 'example--class' );
ll divs get a newDiv or a clone of newDiv inserted into the DOM after them
s.insertAfter( newDiv );
ets a custom event watch
s.on( 'toTheMoon', function( e )
console.log( e.detail );
mits a custom event to all elements in µDivs with a custom data packet.
riggers the event listener to show the sent data
s.emit( 'toTheMoon', { moon : 'close' } );
npm installnpm buildFrom the command line:
run test
From the browser
://m.icro.be/tests
://localhost/microbe/tests
npm run build builds all 4 standard microbe versions, then builds and runs testsnpm run buildTests builds the testsnpm run deploy bumps the minor version, runs build, then builds docsnpm run docs builds the docs. rebuilds the docs everytime a file changesnpm run docsOnce build docs oncenpm run gulp builds microbenpm run http builds microbe httpnpm run microbe builds microbenpm run selectorEngine builds the microbe selector enginenpm run toolkit builds microbe toolkitnpm test runs the test suite in nightmareWe gladly accept and review any pull-requests. Feel free! :heart:
Otherwise, if you just want to talk, we are very easy to get a hold of!
This project adheres to the Contributor Covenant. By participating, you are expected to honor this code.
Need to report something? report@m.icro.be
To keep the length of this file down, older changes are here