Tan Shiaw Uen shiawuen

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

FreeBSD on a MacBook Pro

Since 2008 or 2009 I work on Apple hardware and OS: back then I grew tired of Linux desktop (which is going to be MASSIVE NEXT YEAR, at least since 2001), and switched to something that Just Works. Six years later, it less and less Just Works, started turning into spyware and nagware, and doesn't need much less maintenance than Linux desktop — at least for my work, which is system administration and software development, probably it is better for the mythical End User person. Work needed to get software I need running is not less obscure than work I'd need to do on Linux or othe Unix-like system. I am finding myself turning away from GUI programs that I used to appreciate, and most of the time I use OSX to just run a terminal, Firefox, and Emacs. GUI that used to be nice and unintrusive, got annoying. Either I came full circle in the last 15 years of my computer usage, or the OSX experience degraded in last 5 years. Again, this is from a sysadmin/developer ki

This article has been given a more permanent home on my blog. Also, since it was first written, the development of the Promises/A+ specification has made the original emphasis on Promises/A seem somewhat outdated.

You're Missing the Point of Promises

Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:

getTweetsFor("domenic", function (err, results) {
 // the rest of your code goes here.



	package spark.poc

	import java.io.File
	import java.nio.file.{Files, Path, Paths}

	import org.apache.log4j.Logger
	import org.apache.spark.SparkConf
	import org.apache.spark.sql.SparkSession

	(function addXhrProgressEvent($) {
	var originalXhr = $.ajaxSettings.xhr;
	$.ajaxSetup({
	xhr: function() {
	var req = originalXhr(), that = this;
	if (req) {
	if (typeof req.addEventListener == "function" && that.progress !== undefined) {
	req.addEventListener("progress", function(evt) {
	that.progress(evt);
	}, false);

	user nobody;
	worker_processes 1;

	#error_log logs/error.log;
	#error_log logs/error.log notice;
	#error_log logs/error.log info;

	#pid logs/nginx.pid;


	var express = require('./')
	, http = require('http')
	, https = require('https')
	, app = express.createServer();

	app.use(express.static(__dirname));

	http.createServer(app.handle.bind(app)).listen(3000);
	https.create....

	/*!
	* Small Walker - v0.1.1 - 5/5/2011
	* http://benalman.com/
	*
	* Copyright (c) 2011 "Cowboy" Ben Alman
	* Dual licensed under the MIT and GPL licenses.
	* http://benalman.com/about/license/
	*/

	// Walk the DOM, depth-first (HTML order). Inside the callback, `this` is the

	#!/bin/bash

	luna-send -n 1 palm://com.palm.firewall/portCtrl '{ "label": "pdlportT_8
	080", "protocol": "TCP", "port": 8080, "isDestinationPort": true, "isEnabled": true }'

	au BufRead,BufNewFile jquery.*.js set ft=javascript syntax=jquery
	set nocompatible
	set autoindent
	set tabstop=2
	set showmatch
	set vb t_vb=
	set ruler
	set nohls
	set incsearch
	syntax on