Konstantin Melnikov archangel-irk

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

This is the follow up to a post I wrote recently called From Require.js to Webpack - Party 1 (the why) which was published in my personal blog.

In that post I talked about 3 main reasons for moving from require.js to webpack:

Common JS support
NPM support
a healthy loader/plugin ecosystem.

Here I'll instead talk about some of the technical challenges that we faced during the migration. Despite the clear benefits in developer experience (DX) the setup was fairly difficult and I'd like to cover some of the challanges we faced to make the transition a bit easier.

Структура директорий в ОС Linux

/

Корневой раздел.

/bin

В этом каталоге хранятся основные команды операционной системы, такие как команды оболочки и команды файловой системы (ls, cp и т.д.).

/boot

Здесь хранятся образы ядер Linux и менеджер загрузки: grub, lilo и т.д.

/dev

Директория содержит файлы устройств, подключенные к операционной системе. В Linux вообще всё рассматривается, как файл, даже различные устройства, такие как принтеры, жёсткие диски, сканеры и т.д. Для получения доступа к определённому устройству, необходимо чтобы существовал специальный файл. Аналогично устроено большинство UNIX-подобных операционных систем.

ES7 Class Properties

**~~ NOTE: This is a Stage 0 proposal. ~~**

This proposal has been moved to https://github.com/jeffmo/es-class-properties.

Please direct all future feedback to that repo in the form of directed issues.

mkdir -p /usr/local/etc/nginx/sites-{enabled,available}
cd /usr/local/etc/nginx/sites-enabled
ln -s ../sites-available/default.conf
ln -s ../sites-available/default-ssl.conf

File locations:

nginx.conf to /usr/local/etc/nginx/
default.conf and default-ssl.conf to /usr/local/etc/nginx/sites-available
homebrew.mxcl.nginx.plist to /Library/LaunchDaemons/

	import * as React from 'react';
	import { compose, lifecycle, pure, StateHandler, StateHandlerMap, withStateHandlers } from 'recompose';
	import { Message, Transition } from 'semantic-ui-react';

	import './FlashMessage.css';

	export interface FlashMessageProps {
	message: string;
	isWarning?: boolean;
	}

	-- 対象のフォルダの一番上を選択している状態から始める
	set targetFolder to "aaa"

	tell application "Notes"
	activate
	repeat with theFolder in every folder
	if name of theFolder = targetFolder then
	repeat with theNote in every note of theFolder
	tell application "System Events"
	key code 126

	import hoistStatics from 'hoist-non-react-statics';
	import React from 'react';

	/**
	* Allows two animation frames to complete to allow other components to update
	* and re-render before mounting and rendering an expensive `WrappedComponent`.
	*/
	export default function deferComponentRender(WrappedComponent) {
	class DeferredRenderWrapper extends React.Component {
	constructor(props, context) {

	.rounded-corners-gradient-borders {
	width: 300px;
	height: 80px;
	border: double 4px transparent;
	border-radius: 80px;
	background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	}

	/**
	* Watcher leaks for jQuery
	* RubaXa <[email protected]>
	* MIT Licensed.
	*
	* API:
	* $.leaks.get();
	* $.leaks.watch();
	* $.leaks.unwatch();
	* $.leaks.remove();