VS Writings

VS Writings

domQ - Lightweight Wrapper For VanillaJS

domQ - Lightweight Wrapper For VanillaJS

Subscribe to my newsletter and never miss my upcoming articles

Listen to this article

What ā“

domQ is an absurdly small jQuery alternative for modern browsers (IE11+) that provides jQuery-style syntax for manipulating the DOM. Utilizing modern browser features to minimize the code base, developers can use the familiar chain-able methods at a fraction of the file size. 100% feature parity with jQuery isn't a goal, but domQ comes helpfully close, covering most day to day use cases.

Why šŸ¤”

I was very bored with jQuery script and wanted to try something else šŸ™ˆ.

Well as a web developer i wanted to move out from jQuery and use Vanilla JS. When i realized i had to write multiple lines of code for a single action thats when i decided to create a lightweight JavaScript library that can do most things that jQuery can.

domQ Uses Dizzle which is an alternate to jQuery's Sizzle Framework which is used for Customized CSS Selectors like :input, :hidden and Dizzle is bundled along with domQ. we both standalone & bundled versions.

Comparison

SizedomQdomQ + DizzleZeptojQuery Slim
Unminified45.7 KB77.1 KB58.7 KB250 KB
Minified20.5 KB31.4 KB26 KB70.6 KB
Minified & Gzipped7.50 KB11.1 KB9.8 KB24.4 KB
FeaturesdomqdomQ + DizzleZeptojQuery Slim
Older BrowsersāŒāŒāŒāœ”
Modern Browsersāœ”āœ”āœ”āœ”
Actively Maintainedāœ”āœ”āŒāœ”
Namespaced Eventsāœ”āœ”āŒāœ”
jQuery Selectorsāœ”āœ”āš ļø(Experimental Feature)āœ”
** Animationāœ”āœ”āš ļø(Custom Workaround) ļøāŒ

** domQ uses WebAnimation's API

domQ gives you a query selector, collection methods and some library methods. If you need more details about our API just check out jQuery's, while we don't implement everything that jQuery provides, everything what we do implement should be compatible with jQuery. domQ can be extended with custom methods, read how here

domQ is stable but we still lack documentation. !! if you need help you can contact me directly !



#javascript#javascript-library#jquery#2articles1week#vanilla-js-1
Ā 
Share this