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

	const text = 'AACAAACAAC'
	const pattern = 'AACAAC'

	function indexOf(text, pattern) {
	let index = -1
	for (let i = 0; i < text.length; i++) {
	for (let j = 0; j < pattern.length; j++) {
	if (text[i + j] !== pattern[j]) {
	break
	}

	const {
	generateKeyPairSync,
	createCipheriv,
	createDecipheriv,
	randomBytes,
	createHash,
	sign,
	verify
	} = require('crypto');
	const { publicKey, privateKey } = generateKeyPairSync('ed25519', {

	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]}, `
	}

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

	declare global {

	<!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>

	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 ${

	/**
	* 如果 (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)`;

	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':

	{
	"id": 1,
	"name": "Whien",
	"message": "Hello World"
	}