| /** | |
| * The pseudo-element 'content' property doesnt accept normal (») style | |
| * HTML entities. These variables below easy the pain of looking up the HEX codes... | |
| * | |
| * Referenced from http://www.danshort.com/HTMLentities/ | |
| * | |
| * TODO: Add all the other entities? Worth it? Some day? Maybe? | |
| */ | |
| // Punctuation |
| sudo cp /usr/local/opt/nginx/*.plist /Library/LaunchDaemons | |
| sudo launchctl load -w /Library/LaunchDaemons/homebrew.mxcl.nginx.plist |
| // 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) |
| (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; |
| (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; |
| 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 |
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
| ## 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] |
| <!doctype html> | |
| <meta charset="utf-8"> | |
| <title>Example</title> | |
| <style> | |
| div { | |
| width: 100px; | |
| height: 100px; | |
| background: black; | |
| animation-duration: .5s; |
| 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; | |
| } | |
| } ) ; |