Cao Van Hau cvhau

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

Here is a list of scopes to use in Sublime Text 2/3 snippets -

ActionScript: source.actionscript.2
AppleScript: source.applescript
ASP: source.asp
Batch FIle: source.dosbatch
C#: source.cs
C++: source.c++
Clojure: source.clojure

Create volume for persistence data storage

docker volume create mariadb-volume

The volume data is stored under the /var/lib/docker/volumes on your host.

Start a mariadb docker container

docker run -d --name mariadb -p 3306:3306 -e "MYSQL_ROOT_PASSWORD=YOUR_ROOT_PASSWORD" --restart unless-stopped -v mariadb-volume:/var/lib/mysql mariadb:latest

Nginx FastCGI response buffer sizes

By default when Nginx starts receiving a response from a FastCGI backend (such as PHP-FPM) it will buffer the response in memory before delivering it to the client. Any response larger than the set buffer size is saved to a temporary file on disk. This process is also explained at the Nginx ngx_http_fastcgi_module page document page.

Since disk is slow and memory is fast the aim is to get as many FastCGI responses passing through memory only. On the flip side we don't want to set an excessively large buffer as they are created and sized on a per request basis (i.e. it's not shared memory).

The related Nginx options are:

fastcgi_buffering appeared in Nginx 1.5.6 (1.6.0 stable) and can be used to turn buffering completely on/off. It's on by default.
[fastcgi_buffer_size](http://nginx.org/en/

Laravel's Dependency Injection Container in Depth

Translations: Korean (by Yongwoo Lee)

Laravel has a powerful Inversion of Control (IoC) / Dependency Injection (DI) Container. Unfortunately the official documentation doesn't cover all of the available functionality, so I decided to experiment with it and document it for myself. The following is based on Laravel 5.4.26 - other versions may vary.

Introduction to Dependency Injection

I won't attempt to explain the principles behind DI / IoC here - if you're not familiar with them you might want to read What is Dependency Injection? by Fabien Potencier (creator of the Symfony framework).

	#!/usr/bin/env php
	<?php

	class WpSaltsGenerator
	{
	private static $instance = null;

	public function __construct()
	{
	// code

	#!/usr/bin/env php
	<?php

	namespace WpConfig;

	use RuntimeException;


	class ConfigOption
	{

	DROP TABLE currency;

	-- Create table variable
	CREATE TABLE currency (
	name VARCHAR(20),
	code VARCHAR(3),
	symbol VARCHAR(5)
	);

	ALTER TABLE currency CONVERT TO CHARACTER SET utf8;

	( function( $ ){
	function initColorPicker( widget ) {
	widget.find( '.color-picker' ).wpColorPicker( {
	change: _.throttle( function() { // For Customizer
	$(this).trigger( 'change' );
	}, 3000 )
	});
	}

	function onFormUpdate( event, widget ) {

	/* All of our custom controls should be what we expect them to be */
	input,
	textarea {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	}

	/*
	Show overflow in Edge