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.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
A Pen by SENDA Keijiro (千田啓次郎) on CodePen.
Kris Nuttycombe asks:
I genuinely wish I understood the appeal of unityped languages better. Can someone who really knows both well-typed and unityped explain?
I think the terms well-typed and unityped are a bit of question-begging here (you might as well say good-typed versus bad-typed), so instead I will say statically-typed and dynamically-typed.
I'm going to approach this article using Scala to stand-in for static typing and Python for dynamic typing. I feel like I am credibly proficient both languages: I don't currently write a lot of Python, but I still have affection for the language, and have probably written hundreds of thousands of lines of Python code over the years.
| import os | |
| import re | |
| def which(program): | |
| """ | |
| Detect whether or not a program is installed. | |
| Thanks to http://stackoverflow.com/a/377028/70191 | |
| """ | |
| def is_exe(fpath): | |
| return os.path.exists(fpath) and os.access(fpath, os.X_OK) |
| #!/usr/bin/python | |
| # Licensed under the Apache License, Version 2.0 (the "License"); | |
| # you may not use this file except in compliance with the License. | |
| # You may obtain a copy of the License at | |
| # | |
| # http://www.apache.org/licenses/LICENSE-2.0 | |
| # | |
| # Unless required by applicable law or agreed to in writing, software | |
| # distributed under the License is distributed on an "AS IS" BASIS, | |
| # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| @Grapes([ | |
| @Grab('org.apache.opennlp:opennlp-tools:1.5.2-incubating'), | |
| @GrabExclude('jwnl:jwnl') | |
| ]) | |
| import opennlp.tools.postag.* | |
| import opennlp.tools.sentdetect.* | |
| import opennlp.tools.tokenize.* | |
| def texto = "Pense bem. Quem casa quer casa." |
| <?php | |
| use Illuminate\Console\Command; | |
| use Symfony\Component\Console\Input\InputOption; | |
| use Symfony\Component\Console\Input\InputArgument; | |
| class SchemaSpyCommand extends Command { | |
| /** | |
| * The console command name. |
| # Install a Webserver | |
| apt-get -y install apache2 | |
| # Target docroot to /home/satis/web/ | |
| # Install PHP5 CLI and needed programs. | |
| apt-get -y install php5-cli php5-curl php5-json git wget | |
| # Add a specifix user for our task | |
| adduser satis |
