javascript snipeet

snippet

https://github.com/xiangjun9988/vscode-javascript-snippet-pack

## JavaScript Snippet Pack for Visual Studio Code
Download this extension from the [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items/akamud.vscode-javascript-snippet-pack)
-----------------------------------------
A snippet pack to make you more productive working with JavaScript.
Based on [Visual Studio extension](https://github.com/madskristensen/JavaScriptSnippetPack) by [Mads Kristensen](https://github.com/madskristensen), which is based on [Atom snippets](https://atom.io/packages/javascript-snippets).
This extension ships a bunch of useful code snippets for the JavaScript and TypeScript editors.
Here's the full list of all the snippets:
## Console
### [cd] console.dir
```javascript
console.dir(${1});
<div class="md-section-divider"></div>

[ce] console.error

console.error(${1});
<div class="md-section-divider"></div>

[ci] console.info

console.info(${1});
<div class="md-section-divider"></div>

[cl] console.log

console.log(${1});
<div class="md-section-divider"></div>

[cw] console.warn

console.warn(${1});
<div class="md-section-divider"></div>

[de] debugger

debugger;
<div class="md-section-divider"></div>

DOM

[ae] addEventListener

${1:document}.addEventListener('${2:load}', function(e) {
    ${3:// body}
});
<div class="md-section-divider"></div>

[ac] appendChild

${1:document}.appendChild(${2:elem});
<div class="md-section-divider"></div>

[rc] removeChild

${1:document}.removeChild(${2:elem});
<div class="md-section-divider"></div>

[cel] createElement

${1:document}.createElement(${2:elem});
<div class="md-section-divider"></div>

[cdf] createDocumentFragment

${1:document}.createDocumentFragment();
<div class="md-section-divider"></div>

[ca] classList.add

${1:document}.classList.add('${2:class}');
<div class="md-section-divider"></div>

[ct] classList.toggle

${1:document}.classList.toggle('${2:class}');
<div class="md-section-divider"></div>

[cr] classList.remove

${1:document}.classList.remove('${2:class}');
<div class="md-section-divider"></div>

[gi] getElementById

${1:document}.getElementById('${2:id}');
<div class="md-section-divider"></div>

[gc] getElementsByClassName

${1:document}.getElementsByClassName('${2:class}');
<div class="md-section-divider"></div>

[gt] getElementsByTagName

${1:document}.getElementsByTagName('${2:tag}');
<div class="md-section-divider"></div>

[ga] getAttribute

${1:document}.getAttribute('${2:attr}');
<div class="md-section-divider"></div>

[sa] setAttribute

${1:document}.setAttribute('${2:attr}', ${3:value});
<div class="md-section-divider"></div>

[ra] removeAttribute

${1:document}.removeAttribute('${2:attr}');
<div class="md-section-divider"></div>

[ih] innerHTML

${1:document}.innerHTML = '${2:elem}';
<div class="md-section-divider"></div>

[tc] textContent

${1:document}.textContent = '${2:content}';
<div class="md-section-divider"></div>

[qs] querySelector

${1:document}.querySelector('${2:selector}');
<div class="md-section-divider"></div>

[qsa] querySelectorAll

${1:document}.querySelectorAll('${2:selector}');
<div class="md-section-divider"></div>

Loop

[fe] forEach

${1:array}.forEach(function(item) {
	${2:// body}
});
<div class="md-section-divider"></div>

Function

[fn] function

function ${1:methodName} (${2:arguments}) {
    ${3:// body}
}
<div class="md-section-divider"></div>

[afn] anonymous function

function(${1:arguments}) {
	${2:// body}
}
<div class="md-section-divider"></div>

[pr] prototype

${1:object}.prototype.${2:method} = function(${3:arguments}) {
	${4:// body}
}
<div class="md-section-divider"></div>

[iife] immediately-invoked function expression

(function(${1:window}, ${2:document}) {
    ${3:// body}
})(${1:window}, ${2:document});
<div class="md-section-divider"></div>

[call] function call

${1:method}.call(${2:context}, ${3:arguments})
<div class="md-section-divider"></div>

[apply] function apply

${1:method}.apply(${2:context}, [${3:arguments}])
<div class="md-section-divider"></div>

[ofn] function as a property of an object

${1:functionName}: function(${2:arguments}) {
    ${3:// body}
}
<div class="md-section-divider"></div>

JSON

[jp] JSON.parse

JSON.parse(${1:obj});
<div class="md-section-divider"></div>

[js] JSON.stringify

JSON.stringify(${1:obj});
<div class="md-section-divider"></div>

Timer

[si] setInterval

setInterval(function() {
    ${0:// body}
}, ${1:1000});
<div class="md-section-divider"></div>

[st] setTimeout

setTimeout(function() {
    ${0:// body}
}, ${1:1000});
<div class="md-section-divider"></div>

Misc

[us] use strict

'use strict';
<div class="md-section-divider"></div>

[al] alert

alert('${1:msg}');
<div class="md-section-divider"></div>

[co] confirm

confirm('${1:msg}');
<div class="md-section-divider"></div>

[pm] prompt

prompt('${1:msg}');
<div class="md-section-divider"></div>

License

MIT License

```