Jimmy Tran tranlehaiquan

Default

Powerlevel10k

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

Tabs and Windows

Function	Shortcut
New Tab	`⌘` + `T`
Close Tab or Window	`⌘` + `W` (same as many mac apps)
Go to Tab	`⌘` + `Number Key` (ie: `⌘2` is 2nd tab)
Go to Split Pane by Direction	`⌘` + `Option` + `Arrow Key`
Cycle iTerm Windows	`⌘` + `backtick` (true of all mac apps and works with desktops/mission control)

A curated list of AWS resources to prepare for the AWS Certifications

A curated list of awesome AWS resources you need to prepare for the all 5 AWS Certifications. This gist will include: open source repos, blogs & blogposts, ebooks, PDF, whitepapers, video courses, free lecture, slides, sample test and many other resources.

Translated from https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior/, author: Mark Erikson (from Redux team)

A (Mostly) Complete Guide to React Rendering Behavior

Bài viết cung cấp chi tiết về cách mà React render hoạt động, và việc sử dụng Context và Redux ảnh hưởng thế nào tới quá trình render của React.

"Render" là gì

Rendering is the process of React asking your components to describe what they want their section of the UI to look like, now, based on the current combination of props and state.

	// Implementation in ES6
	function pagination(c, m) {
	var current = c,
	last = m,
	delta = 2,
	left = current - delta,
	right = current + delta + 1,
	range = [],
	rangeWithDots = [],
	l;

	#!/bin/bash

	PARAMS=('-m 6 -q 70 -mt -af -progress')

	if [ $# -ne 0 ]; then
	PARAMS=$@;
	fi

	cd $(pwd)

	from selenium import webdriver
	from selenium.webdriver.remote.webelement import WebElement
	import os.path

	# JavaScript: HTML5 File drop
	# source : https://gist.github.com/florentbr/0eff8b785e85e93ecc3ce500169bd676
	# param1 WebElement : Drop area element
	# param2 Double : Optional - Drop offset x relative to the top/left corner of the drop area. Center if 0.
	# param3 Double : Optional - Drop offset y relative to the top/left corner of the drop area. Center if 0.
	# return WebElement : File input

	import { useState } from 'react';

	export function useCounter(initial = 0) {
	const [count, setCount] = useState(initial);

	return [count, () => setCount(count + 1)];
	}