Farzad Yousefzadeh farskid

All github Emoji (Smiles)

| 😄 | 😆 | 😊 | 😃 | ☺️ | 😏 | 😍 | 😘 | :kissing_face: | 😳 | 😌 | 😆 | 😁 | 😉 | :wink2: | 👅 | 😒 | 😅 | 😓

😩 | 😔 | 😞 | 😖 | 😨 | 😰 | 😣 | 😢 | 😭 | 😂 | 😲 | 😱 | | 😫 | 😠 | 😡 | 😤 | 😪 | 😋 | 😷

😎 | 😵 | 👿 | 😈 | 😐 | 😶 | 😇 | 👽 | 💛 | 💙 | 💜 | ❤️ | 💚 | 💔 | 💓 | 💗 | 💕 | 💞 | 💘 | ✨

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

	//
	// Regular Expression for URL validation
	//
	// Author: Diego Perini
	// Created: 2010/12/05
	// Updated: 2018/09/12
	// License: MIT
	//
	// Copyright (c) 2010-2018 Diego Perini (http://www.iport.it)
	//

	function keepTrying(otherArgs, promise) {
	promise = promise\|\|new Promise();

	// try doing the important thing

	if(success) {
	promise.resolve(result);
	} else {
	setTimeout(function() {
	keepTrying(otherArgs, promise);

	<!DOCTYPE html>
	<html>
	<head>
	<title>Box Shadow</title>

	<style>
	.box {
	height: 150px;
	width: 300px;
	margin: 20px;

	# creat a tag (more infos at: http://git-scm.com/book/de/ch2-12.html)
	git tag -a 1.0.0 -m "Version 1.0.0"
	git push origin 1.0.0

	git tag -a 1.0.0.alpha1 -m "Version 1.0.0 alpha1"
	git push origin 1.0.0.alpha1

	# delete a tag
	git tag -d 1.0.0
	git push origin :refs/tags/1.0.0

	// Greeter is a class of object that can greet people.
	// It can learn different ways of greeting people through
	// 'Strategies.'
	//
	// This is the Greeter constructor.
	var Greeter = function(strategy) {
	this.strategy = strategy;
	};

	// Greeter provides a greet function that is going to

	function alertTerminal(){
	console.log("\007");
	}