Fosty Fost fostyfost

layout	author	title	revision	version	description
default	mattmc3	Modern SQL Style Guide	2019-01-17	1.0.1	A guide to writing clean, clear, and consistent SQL.

Modern SQL Style Guide

How Next.js responds to a page request with HTML

We create the next request handler function via app.getRequestHandler(). This returns a standard express handler, so we use it like expressApp.get('*', middlewareA(), middlewareB(), nextApp.getRequestHandler()).

When the handler is invoked:

Server#handleRequest (next-server/server/lib/next-server.js)
- Parses URL + query string if not already done
Server#run
Searches for matching route

Shorten css class names for css module

Jira Ticket

https://jira.walmart.com/browse/CEECORE-255

Background

Electrode Application can use css-modules as one of the style options, CSS names can get long with local identifier name and random hash.

Firstly install Brew on your MAC

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Then install PHP

brew update
brew tap homebrew/dupes
brew tap homebrew/php
brew install php56

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

	// Файл "tsconfig.json":
	// - устанавливает корневой каталог проекта TypeScript;
	// - выполняет настройку параметров компиляции;
	// - устанавливает файлы проекта.
	// Присутствие файла "tsconfig.json" в папке указывает TypeScript, что это корневая папка проекта.
	// Внутри "tsconfig.json" указываются настройки компилятора TypeScript и корневые файлы проекта.
	// Программа компилятора "tsc" ищет файл "tsconfig.json" сначала в папке, где она расположена, затем поднимается выше и ищет в родительских папках согласно их вложенности друг в друга.
	// Команда "tsc --project C:\path\to\my\project\folder" берет файл "tsconfig.json" из папки, расположенной по данному пути.
	// Файл "tsconfig.json" может быть полностью пустым, тогда компилятор скомпилирует все файлы с настройками заданными по умолчанию.
	// Опции компилятора, перечисленные в командной строке перезаписывают собой опции, заданные в файле "tsconfig.json".

	{
	"name": "yourcompany/myproject",
	"description": "Какой-то проект нашей компании",
	"keywords": ["bitrix", "проектище"],
	"homepage": "http://bitrix.expert/",
	"type": "project",
	"license": "Commerce",
	"support": {
	"source": "http://github.com/bitrix-expert/"
	},

	<scheme name="Eclectide Monokai" version="142" parent_scheme="Default">
	<colors>
	<option name="ADDED_LINES_COLOR" value="295622" />
	<option name="ANNOTATIONS_COLOR" value="b2c0c6" />
	<option name="CARET_COLOR" value="bbbbbb" />
	<option name="CARET_ROW_COLOR" value="" />
	<option name="CONSOLE_BACKGROUND_KEY" value="1c1c1c" />
	<option name="FILESTATUS_ADDED" value="629755" />
	<option name="FILESTATUS_DELETED" value="6c6c6c" />
	<option name="FILESTATUS_IDEA_FILESTATUS_DELETED_FROM_FILE_SYSTEM" value="6c6c6c" />

	var feed = new Instafeed({
	get: 'user',
	userId: 636337139,
	accessToken: '262351.467ede5.176ab1984b1d47e6b8dea518109d7a5e',
	link: 'true',
	clientId: '80aeda87e8c44281b83ce6f542a30933',
	limit: '1',
	sortBy: 'most-recent',
	resolution: 'standard_resolution',
	links: false,

	/*
	Escape JSON
	*/
	var escapeJSON = exports.escapeJSON = function(json) {
	var escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
	var meta = { // table of character substitutions
	'\b': '\\b',
	'\t': '\\t',
	'\n': '\\n',
	'\f': '\\f',