chaoyangnz

when you run npm run dev, sometimes you will come accross this error:

Open node_modules/typescript/lib/typescript.js, and go to line 8873:

if (!sourceFile) {
    return ts.createTextSpan(0, 0);
}

chaoyangnz

#!/bin/sh

domain=$1

if [ "$domain" == "clean" ]; then
	defaults delete com.apple.SafariTechnologyPreview ResourceLoadStatisticsManualPrevalentResource
else
	defaults write com.apple.SafariTechnologyPreview ResourceLoadStatisticsManualPrevalentResource $domain
	defaults read com.apple.SafariTechnologyPreview ResourceLoadStatisticsManualPrevalentResource
fi

chaoyangnz

function cookieContexts() {
    const iframes = Array.from(document.querySelectorAll('iframe'))

    const urls = iframes.map(iframe => iframe.src).filter(src =>  /https?:.+/.test(src))

    function uniq(a) {
        return a.sort().filter(function(item, pos, ary) {
            return !pos || item != ary[pos - 1];
        })
    }

chaoyangnz

function solution(A) {
  if(A.length < 3) return -1;
  let depth = -1;
  for(let p = 0; p < A.length; ++p) {
  	const q = findQ(A, p);
    if(!q || q == A.length -1 || A[p] - A[q] <= depth) continue;
    const r = findR(A, q);
    if(r) {
    	const d = Math.min(A[p] - A[q], A[r] - A[q])
      console.log('$$', p, q, r)

chaoyangnz

# SemVer bump small shell/python function: bumps component $1 ("major", "minor" or "patch") from version in $2 (or STDIN).
# Version components to the right of the bump rollback to 0, ie. 1.2.3:1.2.4 or 1.2.3:1.3.0 or 1.2.3:2.0.0.
function bump() {
  echo ${2:-$(</dev/stdin)} | python -c 'from sys import argv,stdin,stdout;n={"major":0,"minor":1,"patch":2}.get(argv[-1]);v=list(map(int,stdin.read().strip().split(".")));v[n]=v[n]+1;v[n+1:]=[0]*len(v[n+1:]);stdout.write(".".join(map(str,v))+"\n")' $1
}

## Examples
# # Version as parameter
# $ bump minor 1.0.1
# 1.1.0

chaoyangnz

MicroService Proxy Gateway Solutions

Kong, Traefik, Caddy, Linkerd, Fabio, Vulcand, and Netflix Zuul seem to be the most common in microservice proxy/gateway solutions. Kubernetes Ingress is often a simple Ngnix, which is difficult to separate the popularity from other things.

Github Star Trend:

This is just a picture of this link from Feb

chaoyangnz

Two way iframe communication

The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.

Parent

Send messages to iframe using iframeEl.contentWindow.postMessage Recieve messages using window.addEventListener('message')

iframe

chaoyangnz

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.

Element

Box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
• elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
• elem.getClientRects(), elem.getBoundingClientRect()

chaoyangnz

EMOJI CHEAT SHEET

Emoji emoticons listed on this page are supported on Campfire, GitHub, Basecamp, Redbooth, Trac, Flowdock, Sprint.ly, Kandan, Textbox.io, Kippt, Redmine, JabbR, Trello, Hall, plug.dj, Qiita, Zendesk, Ruby China, Grove, Idobata, NodeBB Forums, Slack, Streamup, OrganisedMinds, Hackpad, Cryptbin, Kato, Reportedly, Cheerful Ghost, IRCCloud, Dashcube, MyVideoGameList, Subrosa, Sococo, Quip, And Bang, Bonusly, Discourse, Ello, and Twemoji Awesome. However some of the emoji codes are not super easy to remember, so here is a little cheat sheet. ✈ Got flash enabled? Click the emoji code and it will be copied to your clipboard.

People

😄

chaoyangnz

How Do I Into Git?

a helpful primer for users sick of git's poorly-named commands

I've used Git since 2011, and this is the stuff that I've always had to Google to remember. I hope it helps you not hate Git so much.

Learning About the Repo

Learning About History