Code snippets for JavaScript in ES3/5/6+ syntax;
Download this extension from the Visual Studio Code Marketplace.
- Declarations
- Statement
- Function
- Array
- Object
- String
- Number
- Regexp
- chore
- Module
- Class
- Promise
- Generator Iterator
- Async
- Symbol
- Maps & Sets
- Error
- Event
- AJAX
- Proxy & Reflection
- Math
- DOM
- BOM
- Console
- CommonJS/Node.js
- BDD Testing (Mocha, Jasmine, etc.)
- JavaScript (
.js
) - TypeScript (
.ts
) - JavaScript React (
.jsx
) - TypeScript React (
.tsx
) - Html (
.html
) - Vue (
.vue
)
Note: All the snippets include the final semicolon ;
Prefix | Body | Description |
---|---|---|
usm → |
'use strict'; |
use strict mode |
c → |
const name = value; |
|
co /lo /vo → |
const/let/var feature = {}; |
|
ca /la /va → |
const/let/var feature = []; |
|
cs /ls /vs → |
const/let/var feature = ''; |
|
cdo → |
const {} = ; |
const destructing object |
cda → |
const [] = ; |
const destructing array |
l → |
let name = value; |
|
ldo → |
let {} = ; |
|
lda → |
let [] = ; |
|
v → |
var name = value; |
|
vdo → |
var {} = ; |
|
vda → |
var [] = ; |
|
dp → |
{}: parameter |
destructuring parameter |
po → |
property: { property, }, |
property object |
pa → |
property: [item], |
property array |
ps → |
property: 'value', |
property string |
Prefix | Body | Description |
---|---|---|
if → |
if (condition) { } |
|
ife → |
if (condition) { } else { } |
|
ei → |
else if (condition) { } |
|
el → |
else { } |
|
swi → |
switch () { case : statements; break; default: statements; break;} |
|
cas → |
case value: statements; break; |
|
fin → |
for (const key in object) { if (object.hasOwnProperty(key)) { }} |
for-in |
fof → |
for (const item of object) { } |
for-of |
fl /fo /for → |
for (const index = 0, length = iterable.length; index < length; index += 1) { } |
|
flr /forr → |
for (const length = iterable.length - 1; length >= 0; length -= 1) { } |
for loop iterable(reverse) |
wh → |
while (condition) { } |
|
whi → |
let iterableIndex = array.lengthwhile (iterableIndexIndex--) { } |
Prefix | Body | Description |
---|---|---|
fn → |
function name(param) { } |
function |
fna → |
function(param) { } |
function anonymous |
vfn → |
var name = function (param) { } |
|
lfn → |
let name = function (param) { } |
|
cfn → |
const name = function (param) { } |
|
fnp → |
name: function (param) { } |
function as property |
fnapply → |
method.apply(context, [param]); |
function.apply |
fncall → |
method.call(context, param); |
function.call |
fnbind → |
method.bind(this); |
function.bind |
af → |
(param) => { } |
arrow function |
afr → |
(param) => { return } |
arrow function with return |
afd → |
({param}) => statement |
arrow function with destructuring |
laf → |
let name = (param) => { } |
|
caf → |
const name = (param) => { } |
|
iif → |
;((param) => { })() |
|
iife → |
;(function (param) { })() |
|
nt → |
if (typeof new.target === 'undefined') { throw new Error('Fn() must be called with new');} " ]} |
new.target |
Arr.<static_method>
or arr.<instance_method>
Prefix | Body | Description |
---|---|---|
ar → |
const arr = []; |
|
arl → |
iterable.length; |
|
isa → |
Array.isArray(value) |
|
arfr → |
Array.from(arrayLike); |
|
arfr → |
Array.from(arrayLike, (item) => { }); |
|
arof → |
Array.of(elementN); |
|
ara → |
iterable.at(index); |
array.at |
arc → |
iterable.concat(valueN); |
array.concat |
arcw → |
iterable.copyWithin(target, start, end); |
array.copyWithin |
are → |
iterable.entries(); |
array.entries |
arev → |
iterable.every((element) => { }); |
array.every |
arfill → |
iterable.fill(value, start, end); |
|
arf → |
iterable.filter((element) => { }); |
|
arfi → |
iterable.find((element) => { }); |
|
arfin → |
iterable.findIndex((element) => { }) |
|
arflat → |
iterable.flat(); |
|
arflatMap → |
iterable.flatMap((value) => value); |
|
fea → |
iterable.forEach((currentValue) => { }); |
forEach callback with arrow function |
feai → |
iterable.forEach((currentValue, index) => { }); |
|
fe → |
iterable.forEach(function(currentValue) { }); |
|
fei → |
iterable.forEach(function(currentValue, index) { }); |
|
ari → |
iterable.includes(valueToFind) |
|
ario → |
iterable.indexOf(searchElement) |
|
arj → |
iterable.join(separator); |
|
ark → |
iterable.keys(); |
|
arlio → |
iterable.lastIndexOf(searchElement) |
|
map → |
iterable.map((currentValue) => { }); |
|
arp → |
iterable.pop(); |
|
arj → |
iterable.push(elementN); |
|
arr → |
iterable.reduce((previousValue, currentValue) => { }); |
|
arrr → |
iterable.reduceRight((accumulator, currentValue) => { }); |
|
arre → |
iterable.reverse(); |
|
ars → |
iterable.shift(); |
|
arsl → |
iterable.slice(begin, end); |
|
arso → |
iterable.some((element) => { }); |
|
arsor → |
iterable.sort((firstEl, secondEl) => { }); |
|
arsp → |
iterable.splice(start, deleteCount, item); |
|
aru → |
iterable.unshift(elementN); |
|
arv → |
iterable.values(); |
|
arr.@@iterator |
Array.prototype[@@iterator]() |
|
arr.@@species |
get Array[@@species] |
|
seq → |
[...Array(length).keys()] |
Obj.<static_method>
or obj.<instance_method>
Prefix | Body | Description |
---|---|---|
ol → |
{ key: value } |
|
kv → |
key: value, |
|
om → |
method(param) { }, |
object method() |
oset → |
set property(value) { }, |
object set |
oget → |
get property() { }, |
object get |
oam → |
method: (param) => { }, |
object arrow method statements |
oame → |
method: (param) => $3, |
object arrow method expression |
oasm → |
async method(param) { }, |
object async method() |
oa → |
Object.assign(target, source); |
|
oc → |
Object.create(obj); |
|
odp → |
Object.defineProperty(dest, 'propertyName', { value: undefined, configurable: false, enumerable: false, writable: false}) |
Object.defineProperty(data descriptors) |
odpa → |
Object.defineProperty(dest, 'propertyName', { get() { return value; }, set(newValue) { value = newValue; }, enumerable: false, configurable: false}) |
Object.defineProperty(accessor descriptors) |
odps → |
Object.defineProperties(dest, { propertyName: { configurable: false, enumerable: false, value: undefined, writable: false }, propertyName: { get() { return value; }, set(newValue) { value = newValue; }, enumerable: false, configurable: false }}); |
Object.defineProperties |
oe → |
Object.entries(obj); |
|
of → |
Object.freeze(obj); |
|
ofe → |
Object.fromEntries(iterable); |
|
ogopd → |
Object.getOwnPropertyDescriptor(obj, 'propertyName'); |
Object.getOwnPropertyDescriptor |
ogopds → |
Object.getOwnPropertyDescriptors(obj); |
Object.getOwnPropertyDescriptors |
ogopn → |
Object.getOwnPropertyNames(obj); |
Object.getOwnPropertyNames |
ogops → |
Object.getOwnPropertySymbols(obj); |
Object.getOwnPropertySymbols |
ogpo → |
Object.getPrototypeOf(obj); |
Object.getPrototypeOf |
oi → |
Object.is(value1, value2); |
|
oie → |
Object.isExtensible(obj) |
|
oif → |
Object.isFrozen(obj) |
|
ois → |
Object.isSealed(obj) |
|
ok → |
Object.keys(obj); |
|
ope → |
Object.preventExtensions(obj); |
|
os → |
Object.seal(obj); |
|
ospo → |
Object.setPrototypeOf(obj, prototype); |
Object.setPrototypeOf |
ov → |
Object.values(obj); |
|
hop → |
obj.hasOwnProperty(propertyName) |
hasOwnProperty |
ipo → |
prototypeObj.isPrototypeOf(object) |
isPrototypeOf |
pie → |
obj.propertyIsEnumerable(propertyName) |
propertyIsEnumerable |
tls → |
objects.toLocaleString(); |
toLocaleString |
ts → |
objects.toString(); |
toString |
vo → |
objects.valueOf(); |
valueOf |
Str.<static_method>
or str.<instance_method>
Prefix | Body | Description |
---|---|---|
tl → |
${expression} |
Template literals |
sfcc → |
String.fromCharCode(numN) |
String.fromCharCode |
sfcp → |
String.fromCodePoint(numN) |
|
sr → |
String.raw |
|
sca → |
str.charAt(index) |
|
scca → |
str.charCodeAt(index) |
|
scpa → |
str.codePointAt(position) |
|
sc → |
str.concat(stringN) |
|
sew → |
str.endsWith(searchString) |
|
sin → |
str.includes(searchString) |
|
sio → |
str.indexOf(searchValue) |
|
slio → |
str.lastIndexOf(searchValue) |
|
slc → |
str.localeCompare(compareString) |
|
sm → |
str.match(regexp) |
|
sma → |
str.matchAll(regexp) |
|
sn → |
str.normalize('NFC') |
|
spe → |
str.padEnd(targetLength, padString) |
|
sps → |
str.padStart(targetLength, padString) |
|
sr → |
str.repeat(count) |
|
sre → |
str.replace(regexp, newSubStr) |
|
ss → |
str.search(regexp) |
|
ssl → |
str.slice(beginIndex, endIndex) |
|
ssp → |
str.split(separator) |
|
ssw → |
str.startsWith(searchString, position) |
|
sss → |
str.substring(indexStart, indexEnd) |
|
stllc → |
str.toLocaleLowerCase() |
|
stluc → |
str.toLocaleUpperCase() |
|
stlc → |
str.toLowerCase() |
|
stuc → |
str.toUpperCase() |
|
str → |
str.trim() |
|
ste → |
str.trimEnd() //trimRight() |
|
sts → |
str.trimStart() //trimLeft() |
|
ssi → |
str[Symbol.iterator] |
Num.<static_method>
or num.<instance_method>
Prefix | Body |
---|---|
ne → |
Number.EPSILON |
nmasi → |
Number.MAX_SAFE_INTEGER |
nmav → |
Number.MAX_VALUE |
nmisi → |
Number.MIN_SAFE_INTEGER |
nmav → |
Number.MIN_VALUE |
nni → |
Number.NEGATIVE_INFINITY |
nn → |
Number.NaN |
npi → |
Number.POSITIVE_INFINITY |
nif → |
Number.isFinite(value) |
nii → |
Number.isInteger(value) |
nin → |
Number.isNaN(value) |
nisi → |
Number.isSafeInteger(value) |
npf → |
Number.parseFloat(string) |
npi → |
Number.parseInt(string) |
nte → |
number.toExponential() |
ntf → |
number.toFixed() |
ntp → |
number.toPrecision() |
re.<method>
Prefix | Body | Description |
---|---|---|
re → |
let regex = RegExp('pattern'); |
RegExp |
rep → |
let regex = /pattern/; |
RegExp pattern |
ree → |
let regex = RegExp('pattern');let result = regex.exec(str); |
|
ret → |
let regex = RegExp('pattern');let result = regex.test(str); |
|
re.@@species → |
get RegExp[@@species] |
|
re.@@match → |
RegExp.prototype[@@match]() |
|
re.@@matchAll → |
RegExp.prototype[@@matchAll]() |
|
re.@@replace → |
RegExp.prototype[@@replace]() |
|
re.@@search → |
RegExp.prototype[@@search]() |
|
re.@@split → |
RegExp.prototype[@@split]() |
Prefix | Body | Description |
---|---|---|
to → |
typeof operand === 'undefined' |
typeof |
tou → |
typeof operand === 'undefined' |
typeof Undefined |
too → |
typeof operand === 'object' |
typeof Null |
tob → |
typeof operand === 'boolean' |
typeof Boolean |
ton → |
typeof operand === 'number' |
typeof Number |
tob → |
typeof operand === 'bigint' |
typeof BigInt |
tos → |
typeof operand === 'string' |
typeof String |
tos → |
typeof operand === 'symbol' |
typeof Symbol |
tof → |
typeof operand === 'function' |
typeof Function |
too → |
typeof operand === 'object' |
typeof Any other object |
io → |
object instanceof 'constructor' |
instanceof |
jp → |
JSON.parse(obj); |
|
js → |
JSON.stringify(obj); |
|
tc → |
try { } catch (err) { } |
|
tcf → |
try { } catch (err) { } finally { } |
|
tf → |
try { } finally { } |
|
r → |
return ; |
|
rn → |
return null; |
|
rt → |
return this; |
|
ro → |
return { }; |
|
ternary → |
? : ; |
|
de /bug → |
debugger; |
|
eu → |
encodeURI(URI) |
encodeURI |
du → |
decodeURI(encodedURI) |
decodeURI |
euc → |
encodeURIComponent(str) |
encodeURIComponent |
duc → |
decodeURIComponent(encodedURI) |
decodeURIComponent |
Prefix | Body | Description |
---|---|---|
im → |
import { moduleName } from 'module'; |
import |
imd → |
import moduleName from 'module'; |
import default export |
imas → |
import { originalName as alias } from 'module'; |
import as renamed exports |
imall → |
import * as alias from 'module'; |
import all module as alias |
imn → |
import 'module'; |
import without module name |
ex → |
export { feature }; |
export |
exas → |
export { variable as feature }; |
export as renaming |
exc → |
export const name = value; |
|
exfn → |
export function name (){ } |
export function |
exaf → |
export const name = (param) => { }; |
export named arrow function |
exafe → |
export const name = (param) => $3; |
export named arrow function |
exd → |
export default expression; |
export default |
exdas → |
export { name as default }; |
|
exdc → |
export default class className { constructor (param) { } } |
|
exdce → |
export default class className extends baseClassName { constructor (param) { super(); } } |
|
exdaf → |
export default (param) => { } |
|
exdafe → |
export default (param) => $3 |
|
exdfn → |
export default function name (param) { } |
|
exfr → |
export {default} from otherModule; |
export from |
exallo → |
export * from otherModule; |
export all from other module |
Prefix | Body | Description |
---|---|---|
cl → |
class ClassName { constructor (param) { } } |
class |
cle → |
class ClassName extends BaseClassName { constructor (param) { super(); } } |
class extends |
clc /cons → |
constructor(param) { } |
class constructor |
p /clp → |
property = value; |
class property |
m /clm → |
method (param) { } |
class method |
clsm → |
static methodName(param) { return; } |
class static method() |
clsp → |
static property = value; |
class static property |
clpm → |
#methodName(param) { return ; } |
class private method() |
clpp → |
#property = value; |
class private property |
clspm → |
static #methodName(param) { return ; } |
class static private method() |
clspp → |
static #property = value; |
class static private property |
clgm → |
*methodName(params) { yield ; } |
class generator method() |
get → |
get propertyName () { return this.element; } |
get propertyName |
set → |
set propertyName (value) { this.element = value; } |
set propertyName |
gs → |
get propertyName () { return this.element; } set propertyName (value) { this.element = value; } |
getter and setter |
asm → |
async method(param) { } |
async method |
pc /protoc → |
var Constructor = function(param) { }; |
prototype constructor |
pm /protom → |
Constructor.prototype.method = function (param) { }; |
prototype method |
Prefix | Body | Description |
---|---|---|
pr → |
const promise = new Promise((resolve, reject) => { });promise.then(result => { }).catch(error => { }); |
new Promise |
pa → |
const results = await Promise.all([promises]); |
Promise.all |
pan → |
const result = await Promise.any([promises]); |
Promise.any |
pas → |
const results = await Promise.allSettled([promises]); |
Promise.allSettled |
pra → |
const result = await Promise.race([promises]); |
Promise.race |
prj → |
Promise.reject(value); |
Promise.reject |
prs → |
Promise.resolve(value); |
Promise.resolve |
rj → |
reject(err); |
reject |
rs → |
resolve(value); |
resolve |
pc → |
promise.catch(error => { }); |
promise.catch |
pf → |
promise.finally(() => { }); |
promise.finally |
pt → |
promise.then(result => { }) |
promise.then() |
ptc → |
promise.then(result => { }).catch(error => { }); |
promise.then().catch() |
ptcf → |
promise.then(result => { }).catch(error => { }).finally(() => { }); |
promise.then().catch().finally() |
rp → |
return new Promise((resolve, reject) => { }) |
Prefix | Body | Description |
---|---|---|
cy → |
const name = yield value; |
|
ly → |
let name = yield value; |
|
gf → |
function* name(param) { yield expression;} |
generator function |
gm → |
*generator(param) { }, |
generator method |
asgm → |
async *generator(param) { }, |
generator method |
y → |
yield expression; |
|
yg → |
yield* expression(); |
Prefix | Body | Description |
---|---|---|
caw → |
const result = await promise; |
const awaited |
asfn → |
async function name (param) { const result = await promise; return result;}name().then(result => { }); |
async function named |
asfna → |
async function (param) { } |
async function anonymous |
asgfn → |
async function* name (param) { } |
async generator function named |
asgfna → |
async function* (param) { } |
async generator function anonymous |
asaf → |
async (param) => { } |
async arrow function |
aw → |
await promise |
|
awpa → |
await Promise.all(value) |
|
awpam → |
await Promise.all(array.map((value) => { })) |
Prefix | Body | Description |
---|---|---|
csy → | const symObj = Symbol(); |
|
symf → | Symbol.for('key'); |
|
symk → | Symbol.keyFor('symObj'); |
map.<method>
weakmap.<method>
set.<method>
weakset.<method>
Prefix | Body | Description |
---|---|---|
cm /map → |
const resourceMap = new Map(); |
|
cs /set → |
const resourceSet = new Set(); |
|
cwm /wm → |
const resourceWeakMap = new WeakMap(); |
|
cws /ws → |
const resourceWeakSet = new WeakSet(); |
|
map.size |
||
map.clear() |
||
map.delete() |
||
map.forEach() |
||
map.get() |
||
map.has() |
||
map.set() |
||
map.entries() |
||
map.keys() |
||
map.values() |
||
weakmap.delete() |
||
weakmap.get() |
||
weakmap.has() |
||
weakmap.set() |
||
set.size |
||
set.add() |
||
set.clear() |
||
set.delete() |
||
set.forEach() |
||
set.has() |
||
set.entries() |
||
set.values() |
||
weakset.add() |
||
weakset.delete() |
||
weakset.has() |
throw.<Type>
Prefix | Body | Description |
---|---|---|
tn → |
throw new Error('message') |
|
tne → |
throw new EvalError('message') |
|
tnr → |
throw new RangeError('message') |
|
tnre → |
throw new ReferenceError('message') |
|
tns → |
throw new SyntaxError('message') |
|
tnt → |
throw new TypeError('message') |
|
tnu → |
throw new URIError('message') |
Prefix | Body | Description |
---|---|---|
ael → |
document.addEventListener('type', event => { }); |
addEventListener arrow function |
aelfn → |
document.addEventListener('type', function (event) { }); |
addEventListener |
rel → |
document.removeEventListener('event', listener); |
removeEventListener |
eps → |
event.preventDefault();event.stopPropagation();return false; |
event preventDefault and stopPropagation |
epd → |
event.preventDefault(); |
event preventDefault |
esp → |
event.stopPropagation(); |
event stopPropagation |
dev → |
const cancelled = !target.dispatchEvent(event); |
|
click → |
document.addEventListener('click', () => { }); |
|
keydown → |
document.addEventListener('keydown', event => { }); |
|
load → |
window.addEventListener('load', () => { }); |
|
ready → |
window.addEventListener('DOMContentLoaded', () => { }); |
Prefix | Body | Description |
---|---|---|
xhr → |
XMLHttpRequest | |
fetch → |
fetch | |
fetchget /fg → |
fetch get | |
fetchpost /fp → |
fetch post |
proxy.<method>
Prefix | Body | Description |
---|---|---|
proxy.set → |
Validating Properties Using the set Trap |
|
proxy.get → |
Object Shape Validation Using the get Trap |
|
proxy.has → |
Hiding Property Existence Using the has Trap |
|
proxy.delete → |
Preventing Property Deletion with the deleteProperty Trap | |
proxy.prototype → |
Prototype Proxy Traps | |
proxy.extensibility → |
Object Extensibility Traps | |
proxy.property → |
Property Descriptor Traps | |
proxy.ownKeys → |
The ownKeys Trap |
|
proxy.function → |
Function Proxies with the apply and construct Traps |
|
proxy.revocable → |
Revocable Proxies |
Prefix | Body | Description |
---|---|---|
mr → |
Math.random() |
|
mro → |
Math.round() |
20.49 → 20, 20.5 → 21 |
mc → |
Math.ceil() |
7.004 → 8, -7.004 → -7 |
mf → |
Math.floor() |
5.95 → 5, -5.05 → -6 |
mtr → |
Math.trunc() |
5.05 → 5, -0.123 → -0 |
dom.<method>
or dom.<property>
Prefix | Body |
---|---|
dom.createDocumentFragment → |
document.createDocumentFragment(); |
dom.createElement → |
document.createElement(elem); |
dom.createTextNode → |
document.createTextNode(data); |
dom.getElementById → |
document.getElementById('id'); |
dom.getElementsByClassName → |
document.getElementsByClassName('className'); |
dom.getElementsByTagName → |
document.getElementsByTagName('tagName'); |
dom.querySelector → |
document.querySelector('selector'); |
dom.querySelectorAll → |
document.querySelectorAll('selector'); |
dom.childNodes → |
const nodeList = node.childNodes; |
dom.parentElement → |
const parentElement = node.parentElement; |
dom.parentNode → |
const parentNode = node.parentNode; |
dom.firstChild → |
const childNode = node.firstChild; |
dom.lastChild → |
const childNode = node.lastChild; |
dom.previousSibling → |
const previousNode = node.previousSibling; |
dom.nextSibling → |
const nextNode = node.nextSibling; |
dom.textContent → |
element.textContent = 'content'; |
dom.previousElementSibling → |
const prevNode = NonDocumentTypeChildNode.previousElementSibling; |
dom.nextElementSibling → |
const nextNode = NonDocumentTypeChildNode.nextElementSibling; |
dom.closest → |
const closestElement = targetElement.closest('selectorString'); |
dom.insertBefore → |
node.insertBefore(newNode, referenceNode); |
dom.appendChild → |
node.appendChild(element); |
dom.cloneNode → |
const newClone = node.cloneNode(true); |
dom.getRootNode → |
const root = node.getRootNode(true); |
dom.compareDocumentPosition → |
const compareMask = node.compareDocumentPosition(otherNode); |
dom.contains → |
node.contains(otherNode); |
dom.removeChild → |
node.removeChild(child); |
dom.replaceChild → |
parentNode.replaceChild(newChild, oldChild); |
dom.hasChildNodes → |
node.hasChildNodes() |
dom.firstElementChild → |
const element = parentNode.firstElementChild; |
dom.lastElementChild → |
const element = parentNode.lastElementChild; |
dom.childElementCount → |
const count = parentNode.childElementCount; |
dom.children → |
const children = parentNode.children; |
dom.append → |
parentNode.append(Nodes/DOMStrings); |
dom.prepend → |
parentNode.prepend(Nodes/DOMStrings); |
dom.before → |
childNode.before(Nodes/DOMStrings); |
dom.after → |
childNode.after(Nodes/DOMStrings); |
dom.remove → |
childNode.remove(); |
dom.replaceWith → |
childNode.replaceWith(Node/DOMString); |
dom.before.html → |
element.insertAdjacentHTML('beforebegin', 'DOMString'); |
dom.after.html → |
element.insertAdjacentHTML('afterend', 'DOMString'); |
dom.prepend.html → |
element.insertAdjacentHTML('afterbegin', 'DOMString'); |
dom.append.html → |
element.insertAdjacentHTML('beforeend', 'DOMString'); |
dom.before.element → |
element.insertAdjacentElement('beforebegin', element); |
dom.after.element → |
element.insertAdjacentElement('afterend', element); |
dom.prepend.element → |
element.insertAdjacentElement('afterbegin', element); |
dom.append.element → |
element.insertAdjacentElement('beforeend', element); |
dom.before.text → |
element.insertAdjacentText('beforebegin', value); |
dom.after.text → |
element.insertAdjacentText('afterend', value); |
dom.prepend.text → |
element.insertAdjacentText('afterbegin', value); |
dom.append.text → |
element.insertAdjacentText('beforeend', value); |
dom.getClientRects → |
const rectCollection = element.getClientRects(); |
dom.getBoundingClientRect → |
const domRect = element.getBoundingClientRect(); |
dom.setAttribute → |
element.setAttribute('attrName', 'value'); |
dom.getAttribute → |
const attribute = element.getAttribute('attrName'); |
dom.hasAttribute → |
element.hasAttribute('attrName') |
dom.removeAttribute → |
element.removeAttribute('attrName'); |
dom.toggleAttribute → |
element.toggleAttribute('attrName'); |
dom.matches → |
element.matches('selectorString') |
dom.innerHTML → |
element.innerHTML = 'DOMString'; |
dom.outerHTML → |
element.outerHTML = 'DOMString'; |
dom.innerText → |
element.innerText = 'renderText'; |
dom.classList.add → |
element.classList.add('className'); |
dom.classList.contains → |
element.classList.contains('className'); |
dom.classList.remove → |
element.classList.remove('className'); |
dom.classList.replace → |
element.classList.replace('oldToken', 'newToken'); |
dom.classList.toggle → |
element.classList.toggle('className'); |
dom.scroll → |
element.scroll({top, left, behavior: 'smooth'}); |
dom.scrollBy → |
element.scrollBy({top, left, behavior: 'smooth'}); |
dom.scrollTo → |
element.scrollTo({top, left, behavior: 'smooth'}); |
dom.scrollIntoView → |
element.scrollIntoView({behavior: 'smooth'}); |
dom.clientWidth → |
element.clientWidth |
dom.clientHeight → |
element.clientHeight |
dom.clientLeft → |
element.clientLeft |
dom.clientTop → |
element.clientTop |
dom.scrollWidth → |
element.scrollWidth |
dom.scrollHeight → |
element.scrollHeight |
dom.scrollLeft → |
element.scrollLeft |
dom.scrollTop → |
element.scrollTop |
dom.offsetWidth → |
HTMLElement.offsetWidth |
dom.offsetHeight → |
HTMLElement.offsetHeight |
dom.offsetTop → |
HTMLElement.offsetTop |
dom.offsetLeft → |
HTMLElement.offsetLeft |
dom.offsetParent → |
HTMLElement.offsetParent |
Prefix | Body | Description |
---|---|---|
wa → |
window.alert('msg'); |
|
wc → |
window.confirm('msg'); |
|
wp → |
window.prompt('title', 'defaultText'); |
|
st → |
const timeout = window.setTimeout(() => { }, delay); window.clearTimeout(timeout); |
setTimeout |
stfn → |
var timeout = window.setTimeout(function() { }, delay); window.clearTimeout(timeout); |
|
si → |
const timer = window.setInterval(() => { }, interval); window.clearInterval(timer); |
setInterval |
sifn → |
var timer = window.setInterval(function() { }, interval); window.clearInterval(timer); |
|
lss → |
localStorage.setItem('key', 'value'); |
localStorage.setItem |
lsg → |
localStorage.getItem('key'); |
|
lsr → |
localStorage.removeItem('key'); |
|
lsc → |
localStorage.clear(); |
|
wsaw → |
window.screen.availWidth |
window.screen.availWidth |
wsah → |
window.screen.availHeight |
|
wsw → |
window.screen.width |
|
wsh → |
window.screen.height |
|
wlh → |
window.location.href |
|
wlhn → |
window.location.hostname |
|
wlp → |
window.location.pathname |
|
wlpr → |
window.location.protocol |
|
wls → |
window.location.assign(url) |
|
whb → |
window.history.back(); |
|
whf → |
window.history.forward(); |
|
wnl → |
window.navigator.language |
|
wnls → |
window.navigator.languages |
|
wnu → |
window.navigator.userAgent |
Prefix | Body | Description |
---|---|---|
cd → |
console.dir(); |
console.dir |
ce → |
console.error(); |
|
celb → |
console.error('foo: %o', foo); |
|
ci → |
console.info(); |
|
clg → |
console.log(); |
console.log |
clgl → |
console.log('foo: %o', foo); |
|
cw → |
console.warn(); |
|
cwl → |
console.warn('foo: %o', foo); |
|
ca → |
console.assert(expression, object); |
|
cc → |
console.clear(); |
|
cta → |
console.table(object); |
|
ct → |
console.time('label'); console.timeEnd('label'); |
|
ctr → |
console.trace(object); |
Prefix | Body | Description |
---|---|---|
ec → |
class name { constructor (param) { }} module.exports = name |
|
em → |
exports.member = value |
|
me → |
module.exports = name |
|
rq → |
require('module') |
|
crq → |
const module = require('module'); |
test.<method>
Prefix | Body |
---|---|
desc → |
describe('description', () => { }) |
cont → |
context('description', callback); |
it → |
it('description', () => { }) |
itas → |
it('description', async (done) => { done(); }); |
afe → |
afterEach(() => { }) |
bfe → |
beforeEach(() => { }) |
aft → |
after(() => { }) |
bf → |
before(() => { }) |
MIT License
Donate