a-boertien

## object_it_performance.js
const { PerformanceObserver, performance } = require('perf_hooks');

const objectSize = 10000;
const iterations = 100;

console.log("Starting performance test with %d object size and %d iterations",
    objectSize, iterations);

const values = {
    ENTRIES: 0,

## getScrollableParent.js
function getScrollParent(node) {
  const isElement = node instanceof HTMLElement;
  const overflowY = isElement && window.getComputedStyle(node).overflowY;
  const isScrollable = overflowY !== 'visible' && overflowY !== 'hidden';

  if (!node) {
    return null;
  } else if (isScrollable && node.scrollHeight >= node.clientHeight) {
    return node;
  }

## ngrxintro.md

      
              1 file
            
          
              229 forks
            
          
              123 comments
            
          
              1704 stars
            
          
                btroncone
                / ngrxintro.md
            
            
              Last active
              February 9, 2024 15:37
            
              
                A Comprehensive Introduction to @ngrx/store - Companion to Egghead.io Series
              
          
    Comprehensive Introduction to @ngrx/store

By: @BTroncone
Also check out my lesson @ngrx/store in 10 minutes on egghead.io!
Update: Non-middleware examples have been updated to ngrx/store v2. More coming soon!

Table of Contents

  
## export_google_music.js
// Jeremie Miserez <jeremie@miserez.org>, 2015
//
// A little bit of Javascript to let you export your Google Music library, playlists, and album track lists :)
//
// I posted this as an answer here: http://webapps.stackexchange.com/questions/50311/print-playlist-from-google-play-music
//
// 1. Go to: https://play.google.com/music/listen#/all (or your playlist)
//
// 2. Open a developer console (F12 for Chrome). Paste
//    code below into the console.

## what-forces-layout.md

      
              1 file
            
          
              813 forks
            
          
              106 comments
            
          
              8093 stars
            
          
                paulirish
                / what-forces-layout.md
            
            
              Last active
              May 16, 2024 19:29
            
              
                What forces layout/reflow. The comprehensive list.
              
          
    What forces layout / reflow

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.
Element APIs

Getting box metrics


elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent


## gist:59321345a81a4f5837c0

      
              1 file
            
          
              13 forks
            
          
              7 comments
            
          
              65 stars
            
          
                emmajane
                / gist:59321345a81a4f5837c0
            
            
              Last active
              February 28, 2024 16:35
            
              
                JQL Syntax for the Impatient
              
          
    JQL Syntax for the Impatient

There are a few JQL syntax bits to get you started:

AND --- allows you to add qualifiers to a list
!= Thing --- target one thing
is in (List, Of, Things) --- target a bunch of things (Done, Closed, Resolved) typically
not in (List, of, Things) --- do not include a bunch of things
-1w --- relative time. You can also use -1d for day
"2015/3/15" --- specific dates


## bling.js
/* bling.js */

window.$ = document.querySelectorAll.bind(document);

Node.prototype.on = window.on = function (name, fn) {
  this.addEventListener(name, fn);
}

NodeList.prototype.__proto__ = Array.prototype;

## introrx.md

      
              7 files
            
          
              2516 forks
            
          
              468 comments
            
          
              21915 stars
            
          
                staltz
                / introrx.md
            
            
              Last active
              May 17, 2024 07:59
            
              
                The introduction to Reactive Programming you've been missing
              
          
    The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.


## controller.js
// Somewhere in your controllers for this given example

// Example functions
$scope.itemOnLongPress = function(id) {
	console.log('Long press');
}

$scope.itemOnTouchEnd = function(id) {
	console.log('Touch end');
}

## router.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Building a router</title>
  <script>
    // Put John's template engine code here...

    (function () {
      // A hash to store our routes:
	const { PerformanceObserver, performance } = require('perf_hooks');

	const objectSize = 10000;
	const iterations = 100;

	console.log("Starting performance test with %d object size and %d iterations",
	objectSize, iterations);

	const values = {
	ENTRIES: 0,
	function getScrollParent(node) {
	const isElement = node instanceof HTMLElement;
	const overflowY = isElement && window.getComputedStyle(node).overflowY;
	const isScrollable = overflowY !== 'visible' && overflowY !== 'hidden';

	if (!node) {
	return null;
	} else if (isScrollable && node.scrollHeight >= node.clientHeight) {
	return node;
	}
	// Jeremie Miserez <jeremie@miserez.org>, 2015
	//
	// A little bit of Javascript to let you export your Google Music library, playlists, and album track lists :)
	//
	// I posted this as an answer here: http://webapps.stackexchange.com/questions/50311/print-playlist-from-google-play-music
	//
	// 1. Go to: https://play.google.com/music/listen#/all (or your playlist)
	//
	// 2. Open a developer console (F12 for Chrome). Paste
	// code below into the console.
	/* bling.js */

	window.$ = document.querySelectorAll.bind(document);

	Node.prototype.on = window.on = function (name, fn) {
	this.addEventListener(name, fn);
	}

	NodeList.prototype.__proto__ = Array.prototype;
	// Somewhere in your controllers for this given example

	// Example functions
	$scope.itemOnLongPress = function(id) {
	console.log('Long press');
	}

	$scope.itemOnTouchEnd = function(id) {
	console.log('Touch end');
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Building a router</title>
	<script>
	// Put John's template engine code here...

	(function () {
	// A hash to store our routes: