John CHANG-CHING-CHUNG

VSCode - ESLint, Prettier & Airbnb Setup

1. Install ESLint & Prettier extensions for VSCode

Optional - Set format on save and any global prettier options

2. Install Packages

npm i -D eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-node eslint-config-node

Recently I came to know about Reflow and Repaint. How it's affecting web performance. I am writing this post to give insights about reflow and repaint. Before Jumping into the topic, let's understand how the browser renders the website.

When the user enters the URL, It will fetch the HTML source code from the server
Browser Parse the HTML source code and convert into the Tokens (<, TagName, Attribute, AttributeValue, >)
The Tokens will convert into the nodes and will construct the DOM Tree
The CSSOM Tree will generate from the CSS rules
The DOM and CSSOM tree will combine into the RenderTree

Click to toggle contents of `code`

``` CODE! ```

Click to toggle contents of other `code`

```

Using an Access Token for the first time

Follow the instructions on Github to Create an Access Token in Github

Configure Git to use the osxkeychain

By default, git credentials are not cached so you need to tell Git if you want to avoid having to provide them each time Github requires you to authenticate. On Mac, Git comes with an “osxkeychain” mode, which caches credentials in the secure keychain that’s attached to your system account.

You can tell Git you want to store credentials in the osxkeychain by running the following:-

Angular CLI version	Angular version	Node.js version	TypeScript version	RxJS version
1.0.0-beta.17 (package name: angular-cli)	~2.0.2	^6.9.5	~2.0.10	^5.0.3
1.0.0-beta.20-1 (package name: angular-cli)	~2.1.2	^6.9.5	~2.0.10	^5.0.3
1.0.0-beta.22-1 (package name: angular-cli)	~2.2.4	^6.9.5	~2.0.10	^5.0.3
1.0.0-beta.30	~2.3.1	^6.9.5	~2.0.10	^5.0.3
1.0.0-rc.4	~2.4.10	^6.9.5	~2.0.10	^5.0.3
~1.0.6	>= 4.0.3 <= 4.1.3	^6.9.5	~2.2.2	^5.0.3
~1.1.3	>= 4.0.3 <= 4.1.3	^6.9.5	~2.3.4	^5.0.3
~1.2.7	>= 4.0.3 <= 4.1.3	^6.9.5	~2.3.4	^5.0.3
~1.3.2	>= 4.2.6 <= 4.4.7	^6.9.5	~2.4.2	^5.0.3

1.3.2 and below

{{7*7}}

'a'.constructor.fromCharCode=[].join;
'a'.constructor[0]='\u003ciframe onload=alert(/Backdoored/)\u003e';

VSCode Shortcuts

List of helpful shortcuts for faster coding

If you have any other helpful shortcuts, feel free to add in the comments of this gist :)

Official List of all commands

Windows
Mac

	<!doctype html>
	<html lang="en">
	<body>
	<span id="output"></span>
	</body>
	<script>
	(function () {
	var workerBlob = new Blob(
	[workerRunner.toString().replace(/^function .+\{?\|\}$/g, '')],
	{ type:'text/javascript' }

	def patch_geos_signatures():
	"""
	Patch GEOS to function on macOS arm64 and presumably
	other odd architectures by ensuring that call signatures
	are explicit, and that Django 4 bugfixes are backported.

	Should work on Django 2.2+, minimally tested, caveat emptor.
	"""
	import logging

	#### Issue description



	#### Steps to reproduce the issue

	1.
	2.
	3.