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

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).

Deverus Vue.js Style Guide

Guide for developing Vue.js applications.

v. 0.0.1

Vue.js is an amazing framework, which can be as powerful as Angular or React, the two big heavy hitters in the world of front-end frameworks.

However, most of Vue's ease-of-use is due to the use of Observables - a pattern that triggers re-renders and other function calls with the reassignment of a variable.

	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

	// Source: https://gist.github.com/luetkemj/2023628
	// Xem hướng dẫn WP_Query toàn tập: http://goo.gl/kRpzTz
	<?php
	$args = array(

	//////Author Parameters - Tham số lấy bài viết theo tác giả
	//http://codex.wordpress.org/Class_Reference/WP_Query#Author_Parameters
	'author' => '1,2,3,', //(int) - Các ID tác giả cần lấy bài viết (thêm dấu - vào để loại trừ tác giả, ví dụ: -14, -20)
	'author_name' => 'luetkemj', //(string) - Lấy bài viết dựa theo tên nick name của tác giả
	'author__in' => array( 2, 6 ), //(array) - Lấy bài dựa theo ID của tác giả

	# Backup
	docker exec CONTAINER /usr/bin/mysqldump -u root --password=root DATABASE > backup.sql

	# Restore
	cat backup.sql \| docker exec -i CONTAINER /usr/bin/mysql -u root --password=root DATABASE