John Weisz JohnWeisz

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

Comparison of ASP.NET and Node.js for Backend Programming

We will compare ASP.NET and Node.js for backend programming.
Source codes from examples.

Updates

This document was published on 21.09.2015 for a freelance employer. Some changes since then (14.02.2016):

Koa.js no longer uses co-routines, it has switched to Babel's async/await. yield and await are used almost in the same way, so I see no point to rewrite the examples.

	<!DOCTYPE html>

	<head>
	<script>
	var recordedChunks = [];
	var constraints = {
	audio: true,
	video: true
	};
	var mediaRecorder = null;

	// Fourier Transform Module used by DFT, FFT, RFFT
	function FourierTransform(bufferSize, sampleRate) {
	this.bufferSize = bufferSize;
	this.sampleRate = sampleRate;
	this.bandwidth = 2 / bufferSize * sampleRate / 2;

	this.spectrum = new Float64Array(bufferSize/2);
	this.real = new Float64Array(bufferSize);
	this.imag = new Float64Array(bufferSize);

	// NOTE: This is now rolled up in a package and supports more scenarios: https://github.com/dsherret/using-statement

	interface IDisposable {
	dispose();
	}

	function using<T extends IDisposable>(resource: T, func: (resource: T) => void) {
	try {
	func(resource);
	} finally {

	// http://michalbe.blogspot.com.br/2013/03/javascript-less-known-parts-bitwise.html
	// http://jsperf.com/bitwise-vs-math-object
	// http://united-coders.com/christian-harms/results-for-game-for-forfeits-and-the-winner-is/
	// https://mudcu.be/journal/2011/11/bitwise-gems-and-other-optimizations/
	// https://dreaminginjavascript.wordpress.com/2009/02/09/bitwise-byte-foolish/
	// http://jsperf.com/math-min-max-vs-ternary-vs-if/24

	"use strict";

	var PI = Math.PI;

	// Win32 : Minimal VST 2.x Synth host in C++11.
	//
	// This is a simplified version of the following project by hotwatermorning :
	// A sample VST Host Application for C++ Advent Calendar 2013 5th day.
	// https://github.com/hotwatermorning/VstHostDemo
	//
	// Usage :
	// 1. Compile & Run this program.
	// 2. Select your VST Synth DLL.
	// 3. Press QWERTY, ZXCV, etc.

	<!DOCTYPE html>
	<html>
	<head>
	<title>IndexedDB onbeforeunload Test</title>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/idbwrapper/1.4.1/idbstore.min.js"></script>
	<script>
	var idb, i;
	var testData1 = [];
	var testData2 = [];
	var testData3 = [];

	// Based on Glacier's example: http://docs.aws.amazon.com/AWSJavaScriptSDK/guide/examples.html#Amazon_Glacier__Multi-part_Upload
	var fs = require('fs');
	var AWS = require('aws-sdk');
	AWS.config.loadFromPath('./aws-config.json');
	var s3 = new AWS.S3();

	// File
	var fileName = '5.pdf';
	var filePath = './' + fileName;
	var fileKey = fileName;

	/*
	* This work is free. You can redistribute it and/or modify it under the
	* terms of the Do What The Fuck You Want To Public License, Version 2,
	* as published by Sam Hocevar. See the COPYING file for more details.
	*/
	/*
	* Easing Functions - inspired from http://gizma.com/easing/
	* only considering the t value for the range [0, 1] => [0, 1]
	*/
	EasingFunctions = {