Nicholas Berlette nberlette

JavaScript function hoisting by example

Below are many examples of function hoisting behavior in JavaScript. Ones marked as works successfuly print 'hi!' without errors.

To play around with these examples (recommended) clone them with git and execute them with e.g. node a.js

Notes on hoisting

(I may be using incorrect terms below, please forgive me)

The Problem

wkhtmltopdf is broken and cannot render multiple fonts because of some issues around names. See wkhtmltopdf/wkhtmltopdf#2435

Workaround

Pick an 8 or less char name for each font and variation e.g. HelvBold, HelvLite, TimeReg
Every variation needs to be a separate font file, with all the details renamed in Font Forge using the short name determined before.
Give the font files the same short name (e.g. HelvBold.ttf)

Code is clean if it can be understood easily – by everyone on the team. Clean code can be read and enhanced by a developer other than its original author. With understandability comes readability, changeability, extensibility and maintainability.

General rules

Follow standard conventions.
Keep it simple stupid. Simpler is always better. Reduce complexity as much as possible.
Boy scout rule. Leave the campground cleaner than you found it.
Always find root cause. Always look for the root cause of a problem.

Design rules

High Level Vehicle Protocols

VW CAN guides

E-sys and soft:RU

Automotive networking

Update: As of 11 January 2022, git.io no longer accepts new URLs.

Command:

curl https://git.io/ -i -F "url=https://github.com/YOUR_GITHUB_URL" -F "code=YOUR_CUSTOM_NAME"

URLs that can be created is from:

https://github.com/*
https://*.github.com

ANSI Escape Sequences

Standard escape codes are prefixed with Escape:

Ctrl-Key: ^[
Octal: \033
Unicode: \u001b
Hexadecimal: \x1B
Decimal: 27

	// ----
	// Sass (v3.3.4)
	// Compass (v1.0.0.alpha.18)
	// ----

	// Capitalize string
	// --------------------------------------------------------------------------------
	// @param [string] $string
	// --------------------------------------------------------------------------------
	// @return [string]

	public function boot()
	{
	$this->publishes([
	__DIR__.'/vendor/twbs/bootstrap' => public_path('assets/bootstrap'),
	], 'public');
	}

	<script src="https://unpkg.com/@webcomponents/custom-elements"></script>

	<style>
	body {
	margin: 0;
	}
	/* Style the element from the outside */
	/*
	fancy-tabs {
	margin-bottom: 32px;