| <!Doctype html> | |
| <style> | |
| div | |
| { | |
| background:linear-gradient(to right, | |
| #f00 0%, | |
| #ff0 16.66%, | |
| #0f0 33.33%, | |
| #0ff 50%, | |
| #00f 66.66%, |
| # Luke's config for the Zoomer Shell | |
| # Enable colors and change prompt: | |
| autoload -U colors && colors | |
| PS1="%B%{$fg[red]%}[%{$fg[yellow]%}%n%{$fg[green]%}@%{$fg[blue]%}%M %{$fg[magenta]%}%~%{$fg[red]%}]%{$reset_color%}$%b " | |
| # History in cache directory: | |
| HISTSIZE=10000 | |
| SAVEHIST=10000 | |
| HISTFILE=~/.cache/zsh/history |
| // Based on: https://stackoverflow.com/a/46814952/283851 | |
| /** | |
| * Create a Base64 Image URL, with rotation applied to compensate for EXIF orientation, if needed. | |
| * | |
| * Optionally resize to a smaller maximum width - to improve performance for larger image thumbnails. | |
| */ | |
| export async function getImageUrl(file: File, maxWidth: number|undefined) { | |
| return readOrientation(file).then(orientation => applyRotation(file, orientation || 1, maxWidth || 999999)); | |
| } |
The early programmer struggles with the Javascript keyword this. But understanding your this context is easier than it seems.
This is all about where a function is invoked.
Often, early programmers worry about where the function was declared. Perhaps the function was declared in a specific file or a particular object. Surely this changes it's this!
Nope.
