Discover gists

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

Strings

O tipo de estrutura de dado mais básico.

Strings são de propósito múltiplo. Elas podem armazenar dados tão simples quanto um número inteiro ou tão complexos quanto um arquivo de imagem JPEG.

Criando nova chave

// Setting new key

[Vivo Fibra] Usando RTF3507VW-N1 em modo bridge

Por que usar o RTF3507VW-N1 em modo bridge?

O roteador Askey RTF3507VW-N1 fornecido pela Vivo tem vários problemas:

Existe um cache interno de DNS (usando o dnsmasq?) bugado: ao fazer a mesma requisição DNS duas vezes seguidas, a primeira resposta vem correta, porém na seguinte temos:

	require(data.table)
	require(dplyr)

	#Get a list with all csv files from the directory that is set as 'working directory'
	filelist = list.files(pattern="*.csv$")

	#read all csv files with data.table::fread() and put in df_input_list
	df_input_list <- lapply(filelist, fread)

	#reading in csv files can also be done using the base R function read.csv(), without needing to load package "data.table":

	import tiktoken
	import langdetect
	T = tiktoken.get_encoding("o200k_base")

	length_dict = {}

	for i in range(T.n_vocab):
	try:
	length_dict[i] = len(T.decode([i]))
	except:

	<style>
	body { margin: 0; }
	.vimeo-container {
	padding: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	}
	iframe {

	var bankTypes = [
	{"code": "0", "name": "中華郵政"},
	{"code": "1", "name": "信用合作社"},
	{"code": "2", "name": "國內外銀行"},
	{"code": "3", "name": "漁會"},
	{"code": "4", "name": "農會"}
	];

	var bankCodes = {
	"0": [

	import * as React from "react";
	import { useMousePosition } from "~/hooks/useMousePosition";

	/** Component to cover the area between the mouse cursor and the sub-menu, to allow moving cursor to lower parts of sub-menu without the sub-menu disappearing. */
	export function MouseSafeArea(props: { parentRef: React.RefObject<HTMLDivElement> }) {
	const { x = 0, y = 0, height: h = 0, width: w = 0 } = props.parentRef.current?.getBoundingClientRect() \|\| {};
	const [mouseX, mouseY] = useMousePosition();
	const positions = { x, y, h, w, mouseX, mouseY };
	return (
	<div