Whien_Liou madeinfree

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.

Element

Box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
elem.getClientRects(), elem.getBoundingClientRect()

	app.post('/audio-upload', (req, res) => {
	var form = new formidable.IncomingForm();
	form.uploadDir = './audio'; //set upload directory
	form.keepExtensions = true;
	form.type = true;
	form.parse(req, function(err, fields, files) {
	console.log(files);
	});
	form.on('file', function(field, file) {
	require('fs').rename(

	// Copyright 2015 the V8 project authors. All rights reserved.
	// Use of this source code is governed by a BSD-style license that can be
	// found in the LICENSE file.

	#include <stdio.h>
	#include <stdlib.h>
	#include <string.h>

	#include "include/libplatform/libplatform.h"
	#include "include/v8.h"

	/* file: Recompose.re */
	/* The very definition of a HOC, it's a function that gets a react component and returns another react component */
	type hoc = ReasonReact.reactClass => ReasonReact.reactClass;

	module type CreateWithStateParams = {
	/* This is the secret sauce ingredient, with it the users can pass whatever state they want */
	type state;
	let defaultValue: state;
	};

	module.exports = function(babel) {
	const { types: t } = babel;

	const SingleTemplate = `semantic-ui-react/dist/commonjs/{{type}}/{{moduleName}}`;

	const findTypeFolderToName = name => {
	switch (name) {
	case 'Grid':
	case 'Breadcrumb':
	case 'Form':

	/**
	* 如果 (if)
	* 就 {}
	* 喊(1) console.log(1)
	* 不然就 else {}
	* 喊(2) console.log(2)
	* parse: if(15 > 10) { console.log(1); } else { console.log(2); }
	*/

	const code = `如果 (15 > 10) 就喊(1)`;

	import React from "react";
	import ReactDOM from "react-dom";

	import "./styles.css";

	function CreditCard(props) {
	return (
	<div className="credit-card__wrapper">
	<div
	className={`animation credit-card__gray ${

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	</head>

	type RequestIdleCallbackHandle = any;
	type RequestIdleCallbackOptions = {
	timeout: number;
	};
	type RequestIdleCallbackDeadline = {
	readonly didTimeout: boolean;
	timeRemaining: (() => number);
	};

	declare global {

	module.exports = {
	generateMultipleInsertValues(data) {
	return data.reduce((result, nextData, index) => {
	result = result + Object.keys(nextData).reduce((values, key, keyIndex, allKeys) => {
	if (keyIndex === 0) {
	if (typeof nextData[key] === 'string') {
	return values + `('${nextData[key]}', `
	} else {
	return values + `(${nextData[key]}, `
	}