Kuitos kuitos

## logo.png

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                kuitos
                / logo.png
            
            
              Last active
              May 30, 2018 03:56
            
              
                mobx-vue logo
              
          
              We couldn’t find that file to show.
              
            
## index.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>github</title>
</head>
<body>

<script src="https://unpkg.com/lodash@4.17.4/lodash.js"></script>
<script type="module">

## what-forces-layout.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                kuitos
                / what-forces-layout.md
            
            
              Created
              December 8, 2016 10:37
                — forked from paulirish/what-forces-layout.md
            
              
                What forces layout/reflow. The comprehensive list.
              
          
    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()


## range-slider.html
<!--
 Created by Kuitos on 2015/03/06 10:15 AM.
 Email: kuitos.lau@gmail.com
 author: EdwardCTaylor
 author: Kuitos
 Licence: MIT
-->
<!DOCTYPE html>
<html>
<head>

## template.html
<div>
    <a href="{{protocol}}//{{host}}{{pathname}}">{{protocol}}//{{host}}{{pathname}}</a>
</div>

<script>

function Template(node) {

    var prototype = document.createDocumentFragment();
    prototype.appendChild(node);
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>github</title>
	</head>
	<body>

	<script src="https://unpkg.com/lodash@4.17.4/lodash.js"></script>
	<script type="module">
	<!--
	Created by Kuitos on 2015/03/06 10:15 AM.
	Email: kuitos.lau@gmail.com
	author: EdwardCTaylor
	author: Kuitos
	Licence: MIT
	-->
	<!DOCTYPE html>
	<html>
	<head>
	<div>
	<a href="{{protocol}}//{{host}}{{pathname}}">{{protocol}}//{{host}}{{pathname}}</a>
	</div>

	<script>

	function Template(node) {

	var prototype = document.createDocumentFragment();
	prototype.appendChild(node);