johnloy

// Useful for debouncing callbacks to mousemove, resize, scroll event listeners

function debounce(fn) {
  let raf;

  return (...args) => {
    if (raf) {
      console.log('debounced');
      return;
    }

johnloy

alias gh="open \`git remote -v | grep [email protected] | grep fetch | head -1 | cut -f2 | cut -d' ' -f1 | sed -e's/:/\//' -e 's/git@/http:\/\//'\`"

johnloy

/* Modern Font Stacks */

/* System */
font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;

/* Times New Roman-based serif */
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;

/* A modern Georgia-based serif */
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;

johnloy

/**
 * Recursively transform key/values in object, including array values
 *
 * Also can act as a basic deep clone method
 * @param {Object} obj - Object to transform
 * @param {Object} [transforms={}] - Object containing transformation functions
 * @param {Function} [transform.keys] - Function for transforming keys from 'obj'
 * @param {Function} [transform.values] - Function for transforming values from 'obj'
 * @param {Number} [level=0] - Level of recursion, passed as the 2nd argument to a transform function
 * @returns {Object} Transformed object

johnloy

function getRandomInteger(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

johnloy

{
  "basics": {
    "name": "John Loy",
    "label": "Web Engineer",
    "image": "",
    "email": "[email protected]",
    "phone": "(434) 981-7529",
    "url": "https://johnloy.me",
    "summary": "I’ve done most things “web”, for over 20 years, beginning my career as a graphic designer, evolving into a Web Engineer. At various points in my career I’ve called myself a webmaster, web UX designer, back-end engineer, and front-end engineer. These days I might call myself a front-end-leaning full-stack engineer, but I prefer to just call myself flexible. Also, I’m a developer who “gets” design!",
    "location": {

johnloy

From nodejs/node#32316 (comment)
Related: https://gist.github.com/WebReflection/8840ec29d296f2fa98d8be0102f08590#

Here’s how to create your own node-esm:

Create a file node-esm somewhere in your PATH, e.g. /usr/local/bin/node-esm:

#!/usr/bin/env sh
input_file=$1

johnloy

find /home/example -iname "*.txt" -exec grep -Li "mystring" {} \+

johnloy

{
	"version": "0.2.0",
	"configurations": [
		{
			"type": "chrome",
			"request": "launch",
			"name": "Next: Chrome",
			"url": "http://localhost:3000",
			"webRoot": "${workspaceFolder}"
		},

johnloy

/** 
 * This is a better alternative to using 'forwards'
 * fill mode, as it allows you to update inline styles
 * after the animation has completed. Contrast with:
 * 
 * element.animate({
 *   { opacity: '0.2' },
 *   {
 *     duration: 500,
 *     easing: 'ease-in-out',