...parse, interpret & run them. In this post, we’ll dive into this phase for JavaScript, why it might be slowing down your app’s start-up & how you can fix...
If you want a class-like construct in JavaScript, you can use the module pattern below. The module pattern gives you basic class concepts like a constructor, private state, public...
Since the module pattern only uses basic JavaScript, your code will run in any browser. You don't need CoffeeScript or an ES6 transpiler like Babel. A cosmetic benefit...
When testing code that uses pushState / replaceState, your browser will appear to navigate away from http://localhost:3000/specs (or wherever...
traits.js is a minimal, standards-compliant trait composition library for Javascript...
Compress and obfuscate Javascript code online completely free using this compressor...
JSMin is a filter which removes comments and unnecessary whitespace from JavaScript files. It typically reduces filesize by half, resulting in faster downloads. It also encourages a more expressive programming...
Highslide JS is an open source image, media and gallery viewer written in JavaScript...
Grafico is a javascript charting library built with Raphaël and Prototype.js. The library provides a wide array of graphs and stays with the guidelines laid out by Stephen Few and...
A pure-JavaScript CSS selector engine
...color model conversion algorithms that I found published on Wikipedia and have implemented in JavaScript...
The Javascript in operator does what Hash#has_key? does in Ruby: Return whether an object has a property. However, Coffeescript has its own in operator that checks for array...
...inclusion. To check whether an object has a property, use of: Javascript 'name' in {name: 'Horst'} # => true Coffeescript # wrong 'name' in {name: 'Horst'} # => false # correct 'name' of {name: 'Horst'} # => true...
...of techniques that were best practices with ES5, but have better alternatives in modern JavaScript. Best practices don’t last forever. This is especially true when a field is changing...
...fast, and JavaScript development has changed a lot over the past 10 years. The old best practices go stale, and new ones take their place. Here are 5 JavaScript best...
The attached ImageLoader helper will start fetching an image and return an image that is resolved once the image is...
You might sometimes use self to capture the context of this before it is destroyed by some function. Unfortunately self...
Chart.js seems to be a good alternative to Google's Chart API and other commercial chart drawing libraries.
Set the hash to a dummy hash which doesn't hit any id at your page, for example: window.location.hash = "_";
There is no build in functionally in jQuery and Prototype to extract params from a url. You can use this...
TL;DR Debugging problems with javascript errors in cucumber tests is sometimes easier in the browser. Run the test, stop at the problematic point (with Then pause from Spreewald...
...which looks like this (many of the steps are part of the spreewald gem): @javascript Scenario: Autocomplete city for station Given there is a city with the name "Munich"
Flotr is a javascript plotting library based on the Prototype Javascript Framework (version 1.6.0.2 at the moment) and inspired by Flot (written by Ole Laursen...
sing Google’s JavaScript Library CDN comes with a 1/3 of a second tax on missing. (Note that a tax like this applies to opening connections to a any new...
...host: JavaScript Library CDNs, advertisers, analytics and visitor tracking, etc. This is why you should try to reduce the number of different hostnames you serve content from...
Because javascript has something called "Hoisting" which makes your code do things it doesn't look like it should be doing. Basically, that means a javascript interpreter will move all...
Cross-Origin Resource Sharing (CORS) is a browser technology specification, which defines ways for a web service to provide interfaces...
There is no way to do it. This behavior is by design. You lose.
JavaScript engines such as Google’s V8 (Chrome, Node) are specifically designed for the fast execution of large JavaScript applications. As you develop, if you care about memory usage and...
...aware of some of what’s going on in your user’s browser’s JavaScript engine behind the scenes...