Just migrated it from Codepen.io to markdown. Credit goes to David Conner.
| Working with DOM | Working with JS | Working With Functions |
|---|---|---|
| Accessing Dom Elements | Add/Remove Array Item | Add Default Arguments to Function |
| Grab Children/Parent Node(s) | Add/Remove Object Properties | Throttle/Debounce Functions |
| Create DOM Elements | Conditionals |
I fell in love with CoffeeScript a couple of years ago. Javascript has always seemed something of an interesting curiosity to me and I was happy to see the meteoric rise of Node.js, but coming from a background of Python I really preferred a cleaner syntax.
In any fast moving community it is inevitable that things will change, and so today we see a big shift toward ES6, the new version of Javascript. It incorporates a handful of the nicer features from CoffeeScript and is usable today through tools like Babel. Here are some of my thoughts and issues on moving away from CoffeeScript in favor of ES6.
While reading I suggest keeping open a tab to Babel's learning ES6 page. The examples there are great.
Holy punctuation, Batman! Say goodbye to your whitespace and hello to parenthesis, curly braces, and semicolons again. Even with the advanced ES6 syntax you'll find yourself writing a lot more punctuatio
| // Promise.all is good for executing many promises at once | |
| Promise.all([ | |
| promise1, | |
| promise2 | |
| ]); | |
| // Promise.resolve is good for wrapping synchronous code | |
| Promise.resolve().then(function () { | |
| if (somethingIsNotRight()) { | |
| throw new Error("I will be rejected asynchronously!"); |
| 'use strict'; | |
| var gulp = require( 'gulp' ), | |
| gutil = require( 'gulp-util' ), | |
| fork = require( 'child_process' ).fork, | |
| tinyLr = require( 'tiny-lr' ), | |
| async = require( 'async' ); | |
| var dirs = { | |
| app: [ |
| var gulp = require('gulp'), | |
| concat = require('gulp-concat'), | |
| plumber = require('gulp-plumber'), | |
| server = require('tiny-lr')(), | |
| refresh = require('gulp-livereload'), | |
| mocha = require('gulp-mocha'), | |
| stylus = require('gulp-stylus'), | |
| notify = require('gulp-notify'), | |
| nodemon = require('gulp-nodemon'), | |
| jshint = require('gulp-jshint'), |
Debounce a function when you want it to execute only once after a defined interval of time. If the event occurs multiple times within the interval, the interval is reset each time.
Example A user is typing into an input field and you want to execute a function, such as a call to the server, only when the user stops typing for a certain interval, such as 500ms.
Wondering what the current standings are for the Responsive Images Community Group’s efforts? Look no further.
Bug 870021 Summary: Implement srcset attribute on img CLOSED: WONTFIX:
https://bugzilla.mozilla.org/show_bug.cgi?id=870021
Bug 870022 Implement picture element:
https://bugzilla.mozilla.org/show_bug.cgi?id=870022
| /*jslint continue:true*/ | |
| /** | |
| * Adapted from {@link http://www.bulgaria-web-developers.com/projects/javascript/serialize/} | |
| * Changes: | |
| * Ensures proper URL encoding of name as well as value | |
| * Preserves element order | |
| * XHTML and JSLint-friendly | |
| * Disallows disabled form elements and reset buttons as per HTML4 [successful controls]{@link http://www.w3.org/TR/html401/interact/forms.html#h-17.13.2} | |
| * (as used in jQuery). Note: This does not serialize <object> | |
| * elements (even those without a declare attribute) or |
| node ../lodash-cli/bin/lodash modularize exports=amd -o ./ && node ../lodash-cli/bin/lodash exports=amd -d -o ./main.js |
| function pssh() | |
| { | |
| Param | |
| ( | |
| [Parameter(Mandatory=$true)] | |
| [String] | |
| $destinationHost = $null | |
| ) | |
