| :root { | |
| --ease-in-quad: cubic-bezier(.55, .085, .68, .53); | |
| --ease-in-cubic: cubic-bezier(.550, .055, .675, .19); | |
| --ease-in-quart: cubic-bezier(.895, .03, .685, .22); | |
| --ease-in-quint: cubic-bezier(.755, .05, .855, .06); | |
| --ease-in-expo: cubic-bezier(.95, .05, .795, .035); | |
| --ease-in-circ: cubic-bezier(.6, .04, .98, .335); | |
| --ease-out-quad: cubic-bezier(.25, .46, .45, .94); | |
| --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); |
| yum -y install epel-release | |
| yum -y groupinstall 'Development Tools' | |
| yum -y install wget openssl-devel libxml2-devel libxslt-devel gd-devel perl-ExtUtils-Embed GeoIP-devel | |
| OPENSSL="openssl-1.0.2i" | |
| NGINX="nginx-1.11.4-1" | |
| mkdir -p /opt/lib | |
| wget https://www.openssl.org/source/$OPENSSL.tar.gz -O /opt/lib/$OPENSSL.tar.gz | |
| tar -zxvf /opt/lib/$OPENSSL.tar.gz -C /opt/lib |
| export default { | |
| bind() { | |
| let element = this.el; | |
| this.observer = new MutationObserver( ( mutations ) => { | |
| for ( var i = 0; i < mutations.length; i++ ) { | |
| // adjust element scrollTop depending on it's changed height | |
| element.scrollTop = element.scrollHeight; | |
| } | |
| } ) ; |
| <!doctype html> | |
| <meta charset="utf-8"> | |
| <title>Example</title> | |
| <style> | |
| div { | |
| width: 100px; | |
| height: 100px; | |
| background: black; | |
| animation-duration: .5s; |
| ## IPv6 Tests | |
| http://[::ffff:169.254.169.254] | |
| http://[0:0:0:0:0:ffff:169.254.169.254] | |
| ## AWS | |
| # Amazon Web Services (No Header Required) | |
| # from http://docs.aws.amazon.com/AWSEC2/latest/UserGuide/ec2-instance-metadata.html#instancedata-data-categories | |
| http://169.254.169.254/latest/meta-data/iam/security-credentials/dummy | |
| http://169.254.169.254/latest/user-data | |
| http://169.254.169.254/latest/user-data/iam/security-credentials/[ROLE NAME] |
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
| mainmem.backing = "swap" # disable swapping | |
| MemTrimRate = "0" # disable returning unused memory to the host | |
| sched.mem.pshare.enable = "FALSE" # disable page sharing | |
| prefvmx.useRecommendedLockedMemSize = "TRUE" # force memory to be pre-allocated on host | |
| scsi0.virtualDev = "pvscsi" # fasted disk i/o subsystem (requires driver off pvscsi.flp floppy disk image) | |
| scsi0:0.virtualSSD = 1 # if running off an SSD | |
| ## also, preallocate the VMDK disks |
| (function(window, document){ | |
| 'use strict'; | |
| var slice = [].slice; | |
| var removeClass = function(elem){ | |
| elem.classList.remove('focus-within'); | |
| }; | |
| var update = (function(){ | |
| var running, last; | |
| var action = function(){ | |
| var element = document.activeElement; |
| (function () { | |
| var perfBar = function(budget) { | |
| window.onload = function() { | |
| window.performance = window.performance || window.mozPerformance || window.msPerformance || window.webkitPerformance || {}; | |
| var timing = window.performance.timing, | |
| now = new Date().getTime(), | |
| output, loadTime; |
| // array utils | |
| // ================================================================================================= | |
| const combine = (...arrays) => [].concat(...arrays); | |
| const compact = arr => arr.filter(Boolean); | |
| const contains = (() => Array.prototype.includes | |
| ? (arr, value) => arr.includes(value) | |
| : (arr, value) => arr.some(el => el === value) |
