Tip: Create your own query selector shorthand
Most of us are familiar with jquery and probably quite a few of us are familiar with the Chrome console's
$$ shorthands for query selectors. I recently figured out a way to replicate these shorthands in my code, using
Function.prototype.bind(). Here's how to do it, just make sure you don't mix them up with jquery if you are still using it:
const $ = document.querySelector.bind(document); const $$ = document.querySelectorAll.bind(document); const mainContent = $('.main-content'); const externalLinks = $$('a[target="_blank"]');
Written by Angelos Chalaris
If you want to keep in touch, follow me on GitHub.