ryjiang shanghaikid

Handy Custom Elements' Patterns

This gist is a collection of common patterns I've personally used here and there with Custom Elements.

These patterns are all basic suggestions that could be improved, enriched, readapted, accordingly with your needs.

目前整个互联网环境，被破坏最严重地部分，是 Web 服务体验。当直接破坏难以实现时，就会从流程链的上下游着手，如：DNS 污染。

其它地互联网服务类型，例如：邮件，可能小部分会受到 Web 服务上下游破坏地余震，但整体上基本不受影响。

WARNING: If you're reading this in 2021 or later, you're likely better served by reading:

(This gist was created in 2013 and targeted the legacy GOPATH mode.)

$ ssh -A vm
$ git config --global url."[email protected]:".insteadOf "https://github.com/"

img srcset => Enable a responsive images solution by providing the browser multiple resources in varying resolutions for a single image.

Arrow function => The arrow (=>) takes the place of the function keyword

Box Alignment => CSS properties for aligning boxes within their container. Allows for true vertical centering among other features.

DOM3 Keyboard Events => KeyboardEvent: keydown, keyup

Default parameter => Allows formal parameters to be initialized with default values if no value or 2 is passed.

	// used to retrieve template content
	const templates = new WeakMap;

	// used to retrieve node updates
	const updates = new WeakMap;

	// hyperHTML, the nitty gritty
	function hyperHTML(chunks, ...interpolations) {

	// if the static chunks are unknown

	// a basic delegated EventListener
	class DelegatedListener {

	constructor(delegated) {
	this.delegated = delegated;
	}

	handleEvent(event) {
	this.delegated['on' + event.type](event);
	}

	# /usr/local/etc/PolicyKit/PolicyKit.conf
	# Allow normal users to mount removable media automatically

	<config version="0.1">
	<match action="org.freedesktop.hal.storage.mount-removable">
	<return result="yes"/>
	</match>
	<match action="org.freedesktop.hal.storage.mount-fixed">
	<return result="yes"/>
	</match>

	Xft.dpi: 120
	Xft.antialias: true
	Xft.hinting: true
	Xft.rgba: rgb
	Xft.hintstyle: hintslight

	rofi.color-enabled: true
	rofi.color-window: #282828, #282828, #268bd2
	rofi.color-normal: #282828, #ffffff, #282828, #268bd2, #ffffff
	rofi.color-active: #282828, #268bd2, #282828, #268bd2, #205171

	[General]
	loglevel = notify
	skip-proxy = 127.0.0.1, 192.168.0.0/16, 10.0.0.0/8, 172.16.0.0/12, 100.64.0.0/10, localhost, *.local, ::ffff:0:0:0:0/1, ::ffff:128:0:0:0/1
	bypass-tun = 192.168.0.0/16, 10.0.0.0/8, 172.16.0.0/12

	# dns-server = 119.29.29.29,223.5.5.5,114.114.115.115
	# external-controller-access = [email protected]:6155
	# ipv6 = true

	// REMEMBER TO CHANGE THE external-controller-access' PASSWORD

	# Install ARCH Linux with encrypted file-system and UEFI
	# The official installation guide (https://wiki.archlinux.org/index.php/Installation_Guide) contains a more verbose description.

	# Download the archiso image from https://www.archlinux.org/
	# Copy to a usb-drive
	dd if=archlinux.img of=/dev/sdX bs=16M && sync # on linux

	# Boot from the usb. If the usb fails to boot, make sure that secure boot is disabled in the BIOS configuration.

	# Set swedish keymap