Tadeusz Kurpiel ktprezes

Awesome Java

A curated list of awesome Java frameworks, libraries and software.

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

Image source

https://gyazo.com/eb5c5741b6a9a16c692170a41a49c858.png

Try resize it!

![](https://gyazo.com/eb5c5741b6a9a16c692170a41a49c858.png | width=100)

People

`:bowtie:`	😄 `:smile:`	😆 `:laughing:`
😊 `:blush:`	😃 `:smiley:`	☺️ `:relaxed:`
😏 `:smirk:`	😍 `:heart_eyes:`	😘 `:kissing_heart:`
😚 `:kissing_closed_eyes:`	😳 `:flushed:`	😌 `:relieved:`
😆 `:satisfied:`	😁 `:grin:`	😉 `:wink:`
😜 `:stuck_out_tongue_winking_eye:`	😝 `:stuck_out_tongue_closed_eyes:`	😀 `:grinning:`
😗 `:kissing:`	😙 `:kissing_smiling_eyes:`	😛 `:stuck_out_tongue:`

	;;; Paper: https://arxiv.org/pdf/2001.02491.pdf
	;;; Code: https://github.com/cvlab-epfl/n-queens-benchmark
	;;; Lisp Code: https://github.com/cvlab-epfl/n-queens-benchmark/blob/master/code/queens.lisp

	;;; Changes/extensions to the original Common Lisp code: Rainer Joswig, [email protected], 2020
	;; * using bitvectors is faster than 'boolean' arrays (which typically aren't supported in CL)

	;;; In Common Lisp
	;;; * use Quicklisp
	;;; * compile and load this file

	/**
	* E.g.
	* cartesianProduct(listOf(1, 2, 3), listOf(true, false)) returns
	* [(1, true), (1, false), (2, true), (2, false), (3, true), (3, false)]
	*/
	fun <T, U> cartesianProduct(c1: Collection<T>, c2: Collection<U>): List<Pair<T, U>> {
	return c1.flatMap { lhsElem -> c2.map { rhsElem -> lhsElem to rhsElem } }
	}

	package test;

	import java.io.FileNotFoundException;
	import java.io.IOException;
	import java.io.InputStream;
	import java.util.Properties;
	import java.util.ResourceBundle;

	public class TestClass {

	// Enable component-scanning and auto-configuration with @SpringBootApplication Annotation
	// It combines @Configuration + @ComponentScan + @EnableAutoConfiguration
	@SpringBootApplication
	public class FooApplication {
	public static void main(String[] args) {
	// Bootstrap the application
	SpringApplication.run(FooApplication.class, args);
	}
	}

	#!/usr/bin/env python

	# MIT License

	# Copyright (c) 2023 Ivan Koblik

	# Permission is hereby granted, free of charge, to any person obtaining a copy
	# of this software and associated documentation files (the "Software"), to deal
	# in the Software without restriction, including without limitation the rights
	# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Page Title</title>
	<meta name="description" content="Webpage for xxxx">
	<!-- http://meyerweb.com/eric/tools/css/reset/ -->
	<link rel="stylesheet" href="css/reset/reset.css">
	<!--[if lt IE 9]>
	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>