fr8tra1n

I've worked with AngularJS for many years now and still use it in production today. Even though you can't call it ideal, given its historically-formed architecture, nobody would argue that it became quite a milestone not only for evolution of JS frameworks, but for the whole web.

It's 2017 and every new product/project has to choose a framework for development. For a long time I was sure that new Angular 2/4 (just Angular below) will become the main trend for enterprise development for years to come. I wasn't even thinking of working with something else.

Today I refuse to use it in my next project myself.

`vs` Questions

http://stackoverflow.com/questions/804115 (rebase vs merge).
https://www.atlassian.com/git/tutorials/merging-vs-rebasing (rebase vs merge)
https://www.atlassian.com/git/tutorials/undoing-changes/ (reset vs checkout vs revert)
http://stackoverflow.com/questions/2221658 (HEAD^ vs HEAD~) (See git rev-parse)
http://stackoverflow.com/questions/292357 (pull vs fetch)
http://stackoverflow.com/questions/39651 (stash vs branch)
http://stackoverflow.com/questions/8358035 (reset vs checkout vs revert)

Docker issues are frequently logged for DNS resolution in containers because it doens't inhert or get values for DNS from NetworkManager which leverages a built in dnsmasq to inteligently manage DNS.

Perminant workarround

sudo bash -c "echo listen-address=$(ip -4 addr show dev docker0 | grep -oP '(?<=inet\s)\d+(\.\d+){3}') > /etc/NetworkManager/dnsmasq.d/docker-bridge"
sudo systemctl reload NetworkManager
sudo bash -c 'echo -e "{\n\t\"dns\": [\"$(ip -4 addr show dev docker0 | grep -oP "(?<=inet\s)\d+(\.\d+){3}")\"]\n}" > /etc/docker/daemon.json'
sudo systemctl restart docker

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.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Place compiled Apache FOP in folder structure:###

\build\fop.jar
\lib\avalon-framework-4.2.0.jar
\lib\batik-all-trunk.jar
\lib\commons-io-1.3.1.jar
\lib\commons-logging-1.0.4.jar
\lib\fontbox-1.8.5.jar
\lib\fop-20140825.dll
\lib\serializer-2.7.0.jar

Unicode pangrams

This is a text consisting of a list of pangrams, sourced from the Wikipedia article, including characters from many common languages featuring true alphabets (mostly Latin-extended, Cyrillic and Greek). This is useful as an informal Unicode coverage tests for fonts, as well as a general generic prose test for fonts.

The quick brown fox jumps over the lazy dog.

	// In Excel make sure to have this option enabled: Home / Clipboard / Options / Collect without showing the Office clipboard
	// Tested in Windows 10 only

	let table = document.querySelector('#table').outerHTML;
	table = table
	.replaceAll('\n','<br style="mso-data-placement:same-cell;"/>') // new lines inside html cells => Alt+Enter in Excel
	.replaceAll('<td','<td style="vertical-align: top;"'); // align top
	navigator.clipboard.writeText(table).then(
	()=>console.log("success"),
	(e)=>console.log("error", e),

	substitutions:
	room: Garage
	device_name: Garage Switch

	esphome:
	name: garage_switch
	platform: ESP8266
	board: esp01_1m

	wifi:

	#!/bin/bash

	# NAS IP: 192.168.1.10 in this example
	# DHCP scope reservation for macvlan: 192.168.1.210/28 (Details below)
	## Network: 192.168.1.210/28
	## HostMin: 192.168.1.211
	## HostMax: 192.168.1.224
	## Hosts/Net: 14

	# Create a Synology macvlan0 bridge network attached to the physical eth0, and add the ip range scope (sudo)

	/**
	* @license Copyright 2020 - Chris West - MIT Licensed
	* @see https://www.yourjs.com/blog/snippet-toggle-fullscreen/
	* Either toggles the fullscreen view on the document or a specified element or
	* turns the fullscreen view on or off depending on the optional value passed
	* in.
	* @param opt_elem {Element\|undefined\|null}
	* The element that should be targeted for fullscreen viewing.
	* @param opt_value {?boolean=}
	* Optional. If not given or undefined or null fullscreen will simply be