| // | |
| // Swizzle.swift | |
| // RouterTester | |
| // | |
| // Created by Ivan Bruel on 17/05/2017. | |
| // Copyright © 2017 Unbabel. All rights reserved. | |
| // | |
| import Foundation | |
| import ObjectiveC |
| import android.os.Build; | |
| /** | |
| * Utility methods related to physical devies and emulators. | |
| */ | |
| public class DeviceUtil { | |
| public static boolean isEmulator() { | |
| return Build.FINGERPRINT.startsWith("generic") | |
| || Build.FINGERPRINT.startsWith("unknown") |
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
Note: This will be a contrived example, but hopefully illustrates some real-world trade-offs.
Example scenario: Suppose you're an independent web developer, and a client asks you to prototype a redesign of their website header. You'll be paid for your time, and if the client likes it, you'll be hired to do the full implementation. Your incentive is to show the client a quick, functional demo of the updated header. The problem is that quick and functional tend to be mutually-exclusive.
| /* @flow */ | |
| var React = require("react") | |
| var Immutable = require("immutable") | |
| // In order to use any type as props, including Immutable objects, we | |
| // wrap our prop type as the sole "data" key passed as props. | |
| type Component<P> = ReactClass<{},{ data: P },{}> | |
| type Element = ReactElement<any, any, any> |
| need to edit /etd/mdadm/mdadm.conf remove --name from newly created array or do so when using mdadm --create? remove other raids listed there | |
| sudo update-initramfs -u | |
| that way when problem occurs it wont reassign to /dev/md127 | |
| http://ubuntuforums.org/showthread.php?t=1764861 |
| # Feel free to change this path of course (and keys_zone value as well, but also change the usage of it below). | |
| proxy_cache_path /var/www/cache/resized levels=1:2 keys_zone=resizedimages:10m max_size=1G; | |
| # Gzip was on in another conf file of mine...You may need to uncomment the next line. | |
| #gzip on; | |
| gzip_disable msie6; | |
| gzip_static on; | |
| gzip_comp_level 4; | |
| gzip_proxied any; | |
| # Again, be careful that you aren't overwriting some other setting from another config's http {} section. |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>WebWorker image preloading</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> | |
| </head> | |
| <body> | |
| <div id="output"></div> | |
| <script id="imgloader" type="javascript/worker"> | |
| // Not race proof or robust. Proof of concept. |
| // easing functions http://goo.gl/5HLl8 | |
| Math.easeInOutQuad = function (t, b, c, d) { | |
| t /= d/2; | |
| if (t < 1) { | |
| return c/2*t*t + b | |
| } | |
| t--; | |
| return -c/2 * (t*(t-2) - 1) + b; | |
| }; |