JoeyBurzynski

BOLD=`echo -e '\033[1m'`
BLACK=`echo -e '\033[30m'`
RED=`echo -e '\033[31m'`
GREEN=`echo -e '\033[32m'`
YELLOW=`echo -e '\033[33m'`
BLUE=`echo -e '\033[34m'`
MAGENTA=`echo -e '\033[35m'`
CYAN=`echo -e '\033[36m'`
WHITE=`echo -e '\033[37m'`
BG_BLACK=`echo -e '\033[40m'`

JoeyBurzynski

Intro

This is a basic collection of things I do when setting up a new headless ubuntu machine as a webserver. Following the steps below should give you a reasonable secure server with HTTP/2 support (including ALPN in chrome) and the fast NGINX server. I am happy to add things so leave a comment.

Basics

After creating the server (droplet on DigitalOcean) log in with

JoeyBurzynski

From: StackOverflow

To change all classes for an element:

document.getElementById("MyElement").className = "MyClass";

To add an additional class to an element:

document.getElementById("MyElement").className += " MyClass";

To remove a class from an element:

JoeyBurzynski

// array utils
// =================================================================================================

const combine = (...arrays) => [].concat(...arrays);

const compact = arr => arr.filter(Boolean);

const contains = (() => Array.prototype.includes
  ? (arr, value) => arr.includes(value)
  : (arr, value) => arr.some(el => el === value)

JoeyBurzynski

Tools

Located in alphabetical order (not prefer)

• ab – slow and single threaded, written in C
• apib – most of the features of ApacheBench (ab), also designed as a more modern replacement, written in C
• baloo – Expressive end-to-end HTTP API testing made easy, written in Go (golang)
• bombardier – Fast crossplatform HTTP benchmarking tool, written in Go (golang)
• curl-loader – performance loading of various application services and traffic generation, written in C
• gatling – High performance load testing framework based on Scala, Akka and Netty, write in Scala

JoeyBurzynski

#!/usr/bin/env bash

#
# Sync Amason S3 Bucket with Akamai NetStorage
#
# Dependency:
#     "aws" command : AWS CLI
#     "rsync" command :yeah, the one.
#     .aws/credentials : AWS Credential file (for aws command)
#     .ssj/netstorage.ppk : Private Key for your NetStorage account

JoeyBurzynski

#!/bin/sh
# Quick and dirty backups using rdiff-backup
# Usage: /path/to/local-backup --source /mnt/source \
#                              --destination /mnt/source-mirror \
#                              --lock-file /var/lock/local-backup/job-name \
#                              --age 4W

eval set -- "$(getopt -o "adls:" --long "age:,destination:,lock-file:,mount-point:,source:" -- "$@")"
while true; do
    case "$1" in

JoeyBurzynski

# Install Bash 4 using homebrew
brew install bash

# Or build it from source...
curl -O http://ftp.gnu.org/gnu/bash/bash-4.2.tar.gz
tar xzf bash-4.2.tar.gz
cd bash-4.2
./configure --prefix=/usr/local/bin && make && sudo make install

# Add the new shell to the list of legit shells

JoeyBurzynski

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Element

Box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
• elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
• elem.getClientRects(), elem.getBoundingClientRect()

JoeyBurzynski

// === Arrays

var [a, b] = [1, 2];
console.log(a, b);
//=> 1 2


// Use from functions, only select from pattern
var foo = () => [1, 2, 3];