JavaScript Snippet Pack for CodeExpander
A snippet pack to make you more productive working with JavaScript.
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
console.dir(%c%);[ce] console.error
console.error(%c%);[ci] console.info
console.info(%c%);[cl] console.log
console.log(%c%);[cw] console.warn
console.warn(%c%);[de] debugger
debugger;DOM
[ae] addEventListener
%c%document.addEventListener('%c%load', function(e) {
%c%
});[ac] appendChild
%c%document.appendChild(%c%elem);[rc] removeChild
%c%document.removeChild(%c%elem);[cel] createElement
%c%document.createElement(%c%elem);[cdf] createDocumentFragment
%c%document.createDocumentFragment();[ca] classList.add
%c%document.classList.add('%c%class');[ct] classList.toggle
%c%document.classList.toggle('%c%class');[cr] classList.remove
%c%document.classList.remove('%c%class');[gi] getElementById
%c%document.getElementById('%c%id');[gc] getElementsByClassName
%c%document.getElementsByClassName('%c%class');[gt] getElementsByTagName
%c%document.getElementsByTagName('%c%tag');[ga] getAttribute
%c%document.getAttribute('%c%attr');[sa] setAttribute
%c%document.setAttribute('%c%attr', %c%);[ra] removeAttribute
%c%document.removeAttribute('%c%attr');[ih] innerHTML
%c%document.innerHTML = '%c%elem';[tc] textContent
%c%document.textContent = '%c%content';[qs] querySelector
%c%document.querySelector('%c%selector');[qsa] querySelectorAll
%c%document.querySelectorAll('%c%selector');Loop
[fe] forEach
%c%array.forEach(function(item) {
%c%
});Function
[fn] function
function %c%methodName (%c%arguments) {
%c%// body
}[afn] anonymous function
function(%c%arguments) {
%c%// body
}[pr] prototype
%c%object.prototype.%c%method = function(%c%arguments) {
%c%// body
}[iife] immediately-invoked function expression
(function(%c%window, %c%document) {
%c%// body
})(%c%window, %c%document);[call] function call
%c%.call(%c%context, %c%arguments)[apply] function apply
%c%.apply(%c%context, [%c%arguments])[ofn] function as a property of an object
%c%: function(%c%arguments) {
%c%// body
}JSON
[jp] JSON.parse
JSON.parse(%c%);[js] JSON.stringify
JSON.stringify(%c%);Timer
[si] setInterval
setInterval(function() {
%c%// body
}, %c%1000);[st] setTimeout
setTimeout(function() {
%c%
}, %c%1000);Misc
[us] use strict
'use strict';[al] alert
alert('%c%msg');[co] confirm
confirm('%c%msg');[pm] prompt
prompt('%c%msg');