Skip to main content
100%

JS tips

✓ Published0🌍 Public
Aabernier
Last edited Aug 15, 2011
Created on Aug 1, 2011

This example demonstrates common JavaScript programming patterns and techniques through concise code snippets. It covers assignment shortcuts, existential checks, JSONP implementation with jQuery’s `getJSON`, a polyfill for `Object.create`, function proxying, reserved words, and the `array.indexOf` method. The code is presented as a gist, showing practical APIs like `Object.create`, `func.apply`, and `Array.indexOf`, with comments explaining each pattern and equivalent syntax in CoffeeScript.

AI-generated description

Similar vizzes

Loading thumbnail…

JavaScript tips

This animated slideshow presents JavaScript coding tips and techniques, covering ES6 modules, destructuring, monkey patching, node.js binary scripts, and animation patterns. The code examples demonstrate practical implementations using TweenMax for timeline-based animations, including a draw/anim pattern and a 1-second reference scaling approach. It also showcases event handling for CSS transitions and transform property detection. The rendering uses code blocks with syntax highlighting, and the animation presents each tip sequentially, with the source gist serving as the data for the displayed content.

Aabernier
71% match
Loading thumbnail…

A set of pure and immutable ES2015 functions aimed to make functional JavaScript more idiomatic.

This example presents a collection of pure, immutable ES2015 utility functions for idiomatic functional JavaScript. It includes array operations such as `combine`, `compact`, `difference`, and `intersection`, object helpers like `merge` and `toMap`, math functions (`min`, `max`, `sum`, `product`), and function decorators including `curry`, `once`, `maybe`, and `pipeline`. The code relies on native JavaScript features like `Array.prototype.includes`, `Set`, `Map`, `Object.assign`, and spread syntax. No external libraries or data sources are used; the gist demonstrates standalone, reusable functional patterns.

JJaxonDvl
70% match
Loading thumbnail…

Gist 58ea1113852500390cf7cb5f0bd2d88c

This example demonstrates two JavaScript methods for converting between JavaScript objects and JSON format. It uses the native `JSON.parse()` function to transform a JSON string into an object, then accesses its properties to display "John, 30" via `document.getElementById().innerHTML`. A second example uses `JSON.stringify()` to convert a JavaScript array of names into a JSON string for output. The code relies on standard JavaScript APIs and renders results directly into HTML elements, illustrating basic data serialization without external libraries.

MMistyBlunch
67% match
Loading thumbnail…

Making Javascript faster

This example presents a markdown document that compiles performance guidelines for JavaScript, sourced from a gist by GerHobbelt and linked to jsPerf benchmarks. The text explains optimization techniques such as using IIFEs over nested functions, avoiding the `arguments` object, and preferring `that` instead of `bind`. It describes the content without a graphical interface, serving as a static textual reference for developers.

GGerHobbelt
66% match
Loading thumbnail…

JS Array Basics

This example demonstrates fundamental JavaScript array operations through console-logged examples. It shows how to generate a numeric range and apply array methods including filter, forEach, map, sort, and reduce. The code also illustrates how reduce can transform an array into an object by accumulating key-value pairs. All operations are performed in plain JavaScript with no external libraries or data sources, using a hardcoded array of numbers and sample entries.

CCaroline Ghisolfi
66% match
Loading thumbnail…

Sample problems: objects and arrays

This example presents five JavaScript practice problems focused on manipulating objects and arrays, with output intended for the browser’s developer console rather than SVG or other visual rendering. The code demonstrates basic data operations such as merging object properties by matching names, finding common elements between arrays using nested loops and the `includes` method, sorting an array of state objects by population, and using a loop with the modulus operator to filter numbers. It relies on vanilla JavaScript for most tasks and uses the D3 v4 library’s `d3.range` function to generate a sequence of integers from 1 to 10.

CCraftbd
66% match
Loading thumbnail…

JS Fundamentals

This example demonstrates core JavaScript array operations implemented by hand, including range generation, filtering, sorting, mapping, and reducing. The code uses D3 v7’s `ascending` comparator within a custom `sort` function to order objects by key, then reduces an array of key-value pairs into a single object. All logic runs in the browser console, producing logged output for each step; the page itself is intentionally blank, with SVG shapes referenced only in the README. The visualization relies purely on native JavaScript methods and D3’s utility functions, with no graphical rendering.

Yyankesswang
66% match
Loading thumbnail…

Gist 7d6a7404e99051bb7d2f36c61f0113ae

This example demonstrates functional programming techniques in JavaScript, including currying, composition, and generator functions. It shows how currying enables partial application, as seen with the `sum` function and reusable helpers like `getName` and `mapUserNames`. The code uses `compose` with `reduceRight` to chain array transformations, filtering user names by length. It also illustrates generator behavior with `next(true)` to control iteration completion. The data is a hardcoded array of user objects, and output is logged to the console via `console.log`.

IIliaIdakiev
66% match