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
| <?php | |
| // bootstrap/react.php | |
| // Remember, we need to do first: composer require react/react! | |
| $app = include('app.php'); | |
| $host = 'localhost'; | |
| $port = 9000; | |
| $reactApp = function (\React\Http\Request $request, \React\Http\Response $response) use ($app, $host, $port) { |
| style=\"(.*?)\" |
A simple script with a few niceties that allows for multiple requestAnimationFrame calls, and FPS pinning.
The script polyfills rAF if required, then overloads requestAnimationFrame and cancelAnimationFrame with a process that allows multiple frames to be queued up for rAF to run.
This is useful if there are multiple animations running on the page, you want all the callbacks to happen at once, and not on multiple rAF calls. This script is meant as a drop-in solution to that problem.
| 1. $ brew install fontforge ttf2eot ttfautohint | |
| 2. $ brew tap bramstein/webfonttools && brew install sfnt2woff | |
| 3. Download/clone https://github.com/google/woff2 into any handy dir | |
| cd into dir and: | |
| $ git submodule init | |
| $ git submodule update | |
| $ make clean all | |
| then: |
Hi Nicholas,
I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:
The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't
| #import <Foundation/Foundation.h> | |
| #import "RCTBridgeModule.h" | |
| @interface DynamicType : NSObject <RCTBridgeModule> | |
| @end |
You got your hands on some data that was leaked from a social network and you want to help the poor people.
Luckily you know a government service to automatically block a list of credit cards.
The service is a little old school though and you have to upload a CSV file in the exact format. The upload fails if the CSV file contains invalid data.
The CSV files should have two columns, Name and Credit Card. Also, it must be named after the following pattern:
YYYYMMDD.csv.
# Start by stopping the built-in Apache, if it's running, and prevent it from starting on boot.
# This is one of very few times you'll need to use sudo:
sudo launchctl unload /System/Library/LaunchDaemons/org.apache.httpd.plist 2>/dev/null
# We need to tap homebrew-dupes because "homebrew-apache/httpd22" relies on "homebrew-dupes/zlib"