JavaScript

Notes

You can define and run the function straight away by enclosing it in parenthesis and adding empty () after
In JavaScript, a type is a runtime tag describing the actual kind of data you have at runtime.
A property is any value attached to an object. A method is a property that is a function.
this, always references the owner of the function it is in, for this case — since it is now out of scope — the window/global object.
Can type debugger in JS/TS to activate debugger at that point.
Can console.log({ myConst }) to log the variable with the value as an object so you see the variable name & the value. As opposed to doing console.log(myConst, 'myConst').
Periodic reminder that await import('//dev.jspm.io/[pkg]') allows you to import anything from npm in the browser instantly. I often use this in the console to test things out.
Between typescript and prettier, there is very little justification for eslint.
JS proxy can observe a nested object for changes made to it. That means there's none of the traditional selecting or diffing.
One optimization that turned out well: storing JavaScript strings as either UTF-16 or UTF-8, depending on whats inside. It turns out this is also what JavaScript engines do, so it makes converting from a string in a JavaScript VM to a string in Bun's AST fast.
Stop using strings concatenation to create and edit URLs in JS. All major browsers have great built-in functionality for URL parsing & manipulation.
Use arrow functions for 1-line functions only, otherwise named functions are always the best choice: better stack trace, better tracing and more readable.

Code

// Click on buttons in a page
// https://twitter.com/brian_lovin/status/1240662440666222597

let buttons = document.getElementsByClassName("unfollow");

for (let [i, v] of [...buttons].entries()) {
  setTimeout(() => {
    buttons[i].click();
  }, i * 500);
}

// Go to specific URL
window.location.href = "https://www.google.com";

// Speed up video playback. Put in console of open page.
$("video").playbackRate = 2;

// click on all the expand buttons on https://github.com/
var inputs = document.querySelectorAll("svg[aria-label=Expand]");
var buttons = Array.from(inputs).map((e) => e.parentElement.parentElement);
buttons.forEach((b) => b.click());

// start/close PiP video from currently open tab
var video = document.querySelectorAll("video")[0];
if (
  video !== undefined &&
  video.webkitSupportsPresentationMode &&
  typeof video.webkitSetPresentationMode === "function"
) {
  video.webkitSetPresentationMode(
    video.webkitPresentationMode === "picture-in-picture"
      ? "inline"
      : "picture-in-picture"
  );
}

JavaScript

Notes​

Code​

Links​

Notes

Code

Links