Aleksandr Langolf langolf

JavaScript

Questions

Explain event delegation
Explain how this works in JavaScript

Answers

Explain event delegation

sdf

A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.

Engines and libraries

three.js: JavaScript 3D library
stack.gl: an open software ecosystem for WebGL, built on top of browserify and npm.
PixiJS: Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback
Pex: Pex is a javascript 3d library / engine allowing for seamless development between Plask and WebGL in the browser.
Babylon.js: a complete JavaScript framework for building 3D games with HTML 5 and WebGL
Filament: Filament is a real-time physically based rendering engine for Android, iOS, Windows, Linux, macOS and WASM/WebGL
ClayGL: A WebGL graphic library

Save the following to ~/Library/KeyBindings/DefaultKeyBinding.dict (create if necessary).

{ "~a" = (); "~b" = (); "~c" = (); "~d" = (); "~e" = (); "~f" = (); "~g" = (); "~h" = (); "~i" = (); "~j" = (); "~k" = (); "~l" = (); "~m" = (); "~n" = (); "~o" = (); "~p" = (); "~q" = (); "~r" = (); "~s" = (); "~t" = (); "~u" = (); "~v" = (); "~w" = (); "~x" = (); "~y" = (); "~z" = (); } This disables all the ⌥ combinations. Restart apps to take effect.

The DefaultKeyBinding.dict above is an old-style property list1, defining key-value pairs using the syntax { key = value }. In this case, the keys are the key combinations to activate the method in the value.

Standard dictionary key symbols are used: ~ alt, ^ control, $ shift, @ command. Therefore ~a means ⌥A (alt-A) and ^$1 would be ⌃⇧1 (control-shift-1).

	const mergeSort = (arr: number[]): number[] => {
	if (arr.length < 2) {
	return arr;
	}

	const middle = Math.floor(arr.length / 2);
	const left = arr.slice(0, middle);
	const right = arr.slice(middle);

	const sortedLeft = mergeSort(left);

	{
	"rules": [
	{
	"description": "left_command alone -> ⌘ + tab to last app",
	"manipulators": [
	{
	"from": {
	"key_code": "left_command"
	},
	"to": [

	My Awesome Sketch
	First State
	some event -> Second State
	Second State

	git fsck --full --unreachable
	git repack -A -d
	git gc --aggressive --prune=now

	{
	"scripts": [],
	"styles": []
	}