after
before
element on the page will have a font-size of 20px 13 | ``` 14 | -------------------------------------------------------------------------------- /snippets/shallowClone.md: -------------------------------------------------------------------------------- 1 | ### shallowClone 2 | 3 | Creates a shallow clone of an object. 4 | 5 | Use `Object.assign()` and an empty object (`{}`) to create a shallow clone of the original. 6 | 7 | ```js 8 | const shallowClone = obj => Object.assign({}, obj); 9 | ``` 10 | 11 | ```js 12 | const a = { x: true, y: 1 }; 13 | const b = shallowClone(a); // a !== b 14 | ``` 15 | -------------------------------------------------------------------------------- /snippets/show.md: -------------------------------------------------------------------------------- 1 | ### show 2 | 3 | Shows all the elements specified. 4 | 5 | Use the spread operator (`...`) and `Array.prototype.forEach()` to clear the `display` property for each element specified. 6 | 7 | ```js 8 | const show = (...el) => [...el].forEach(e => (e.style.display = '')); 9 | ``` 10 | 11 | ```js 12 | show(...document.querySelectorAll('img')); // Shows all elements on the page 13 | ``` 14 | -------------------------------------------------------------------------------- /snippets/sleep.md: -------------------------------------------------------------------------------- 1 | ### sleep 2 | 3 | Delays the execution of an asynchronous function. 4 | 5 | Delay executing part of an `async` function, by putting it to sleep, returning a `Promise`. 6 | 7 | ```js 8 | const sleep = ms => new Promise(resolve => setTimeout(resolve, ms)); 9 | ``` 10 | 11 | ```js 12 | async function sleepyWork() { 13 | console.log("I'm going to sleep for 1 second."); 14 | await sleep(1000); 15 | console.log('I woke up after 1 second.'); 16 | } 17 | ``` 18 | -------------------------------------------------------------------------------- /snippets/sortCharactersInString.md: -------------------------------------------------------------------------------- 1 | ### sortCharactersInString 2 | 3 | Alphabetically sorts the characters in a string. 4 | 5 | Use the spread operator (`...`), `Array.prototype.sort()` and `String.localeCompare()` to sort the characters in `str`, recombine using `String.prototype.join('')`. 6 | 7 | ```js 8 | const sortCharactersInString = str => [...str].sort((a, b) => a.localeCompare(b)).join(''); 9 | ``` 10 | 11 | ```js 12 | sortCharactersInString('cabbage'); // 'aabbceg' 13 | ``` 14 | -------------------------------------------------------------------------------- /snippets/splitLines.md: -------------------------------------------------------------------------------- 1 | ### splitLines 2 | 3 | Splits a multiline string into an array of lines. 4 | 5 | Use `String.prototype.split()` and a regular expression to match line breaks and create an array. 6 | 7 | ```js 8 | const splitLines = str => str.split(/\r?\n/); 9 | ``` 10 | 11 | ```js 12 | splitLines('This\nis a\nmultiline\nstring.\n'); // ['This', 'is a', 'multiline', 'string.' , ''] 13 | ``` 14 | -------------------------------------------------------------------------------- /snippets/stripHTMLTags.md: -------------------------------------------------------------------------------- 1 | ### stripHTMLTags 2 | 3 | Removes HTML/XML tags from string. 4 | 5 | Use a regular expression to remove HTML/XML tags from a string. 6 | 7 | ```js 8 | const stripHTMLTags = str => str.replace(/<[^>]*>/g, ''); 9 | ``` 10 | 11 | ```js 12 | stripHTMLTags('
lorem ipsum
Hello!