Vanilla JS

Time 2021-01-04 08:03:17

Web Name: Vanilla JS

WebSite: http://vanilla-js.com

ID:156092

Keywords:

Vanilla,JS,

Description:

Vanilla JSVanilla JS is a fast, lightweight, cross-platform frameworkfor building incredible, powerful JavaScript applications.IntroductionThe Vanilla JS team maintains every byte of code in the framework and works hard each day to make sure it is small and intuitive. Who's using Vanilla JS? Glad you asked! Here are a few:FacebookGoogleYouTubeYahooWikipediaWindows LiveTwitterAmazonLinkedInMSNeBayMicrosoftTumblrApplePinterestPayPalRedditNetflixStack OverflowIn fact, Vanilla JS is already used on more websites than jQuery, Prototype JS, MooTools, YUI, and Google Web Toolkit - combined.DownloadReady to try Vanilla JS? Choose exactly what you need! Core FunctionalityFinal size: 0 bytes uncompressed, 25 bytes gzipped. Show human-readable sizesGetting StartedThe Vanilla JS team takes pride in the fact that it is the most lightweight framework available anywhere; using our production-quality deployment strategy, your users' browsers will have Vanilla JS loaded into memory before it even requests your site.To use Vanilla JS, just put the following code anywhere in your application's HTML: script src="path/to/vanilla.js" /script When you're ready to move your application to a production deployment, switch to the much faster method:That's right - no code at all. Vanilla JS is so popular that browsers have been automatically loading it for over a decade.Speed ComparisonHere are a few examples of just how fast Vanilla JS really is:Retrieve DOM element by IDCodeops / secVanilla JSdocument.getElementById('test-table');12,137,211 Dojodojo.byId('test-table');5,443,343 Prototype JS$('test-table')2,940,734 Ext JSdelete Ext.elCache['test-table']; Ext.get('test-table');997,562 jQuery$jq('#test-table');350,557 YUIYAHOO.util.Dom.get('test-table');326,534 MooToolsdocument.id('test-table');78,802 Retrieve DOM elements by tag nameCodeops / secVanilla JSdocument.getElementsByTagName( span 8,280,893Prototype JSPrototype.Selector.select('span', document);62,872YUIYAHOO.util.Dom.getElementsBy(function(){return true;},'span');48,545Ext JSExt.query('span');46,915jQuery$jq('span');19,449Dojodojo.query('span');10,335MooToolsSlick.search(document, 'span', new Elements);5,457Code ExamplesHere are some examples of common tasks in Vanilla JS and other frameworks:Fade an element out and then remove its.opacity = 1;(function fade(){(s.opacity-=.1) 0?s.display= none :setTimeout(fade,40)})();jQuery script src= //ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js /script script $('#thing').fadeOut(); /script jQuery script src= //ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js /script script $.ajax({ type: 'POST', url: path/to/api , data: banana=yellow , success: function (data) { alert( Success: + data); /script When powering your applications with Vanilla JS, feel free to use this handy button!

TAGS:Vanilla JS 

<<< Thank you for your visit >>>

Hot Websites