Matheus Klauberg mfklauberg

Cheat sheet: JavaScript Array methods

Deriving a new Array from an existing Array:

['■','●','▲'].slice(1, 3)          ⟼ ['●','▲']
['■','●','■'].filter(x => x==='■') ⟼ ['■','■']
    ['▲','●'].map(x => x+x)        ⟼ ['▲▲','●●']
    ['▲','●'].flatMap(x => [x,x])  ⟼ ['▲','▲','●','●']

Linking a custom domain to a deployed application is confusing and at times you don't get a route on how to link the domain with the website. 😫

In this article, I will be explaining how to link a Custom domain brought in Google Domains service to an application hosted on Vercel.

Perks of using vercel is that it allows adding domain without any verification unlike Heroku/Netlify, which means you don't have to add your billing details to add a domain to your application. Moreover, it is fast, efficient, and easy to use.😁

What is Vercel?

Vercel is a deployment and collaboration platform for frontend developers. Vercel enables developers to host websites and web services that deploy instantly and scale automatically – all without any configuration. Source - Official Docs

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.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

	#!/bin/bash

	DAYS_SINCE_LAST_CHANGE=14 # If a project hasn't been touched in this long its node_modules will be deleted
	SEARCH_PATH="./Git" # Update this to the path where your code is stored

	TOTAL_BYTES_REMOVED=0
	Mb=1000000
	Kb=1000

	node_modules=$(find $SEARCH_PATH -name "node_modules" -type d -prune)

	/*

	Hoje iremos MUDAR a vida da pessoa que não te responde no whatsappp...
	Que tal enviar mensagens pra ela até obter uma resposta?!
	Sensacional não acha?! Mas, somos devs, correto?! Então vamos automatizar esse paranauê!

	Para utilizar:
	- Abra o web.whatsapp.com;
	- Selecione a conversa que você quer;
	- Abra o console e cole o código que está no gist;

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<link rel="manifest" href="https://jsbin-user-assets.s3.amazonaws.com/kinlan/manifest.json">
	<title>iOS Manifest Polyfill</title>
	</head>
	<body>

	// paste in your console
	speechSynthesis.onvoiceschanged = function() {
	var msg = new SpeechSynthesisUtterance();
	msg.voice = this.getVoices().filter(v => v.name == 'Cellos')[0];
	msg.text = Object.keys(window).join(' ');
	this.speak(msg);
	};

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Apple Meta Insanity</title>

	<!--
	APPLE WEB APP META TAGS
	-->

	# Sometimes it's handy to create small anonymous objects instead of explicitly defining a class for it, especially while prototyping.

	def new(name, data):
	return type(name, (object,), data)

	person = new('Person', { 'name': 'Joe', 'age': 30 })
	print(person.name)