thegitfather thegitfather

ANGULAR (2+) CHEATSHEET

import { NgModule } from '@angular/core';

@NgModule({
  declarations: ...,
 imports: ...,

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle/Debounce Functions
Create DOM Elements	Conditionals

	calcSum = (items, prop) => {
	return items.reduce((a, b) => a + b[prop], 0);
	}

	let foo = [{price: 1}, {price: 2}, {price: 3}];
	calcSum(foo, 'price'); // 6

	// ==UserScript==
	// @name Twitch Auto Fullscreen
	// @namespace http://tampermonkey.net/
	// @version 0.1
	// @description Enter fullscreen after a countdown (ESC to cancel)
	// @author You
	// @include https://www.twitch.tv/*
	// @include https://twitch.tv/*
	// @require https://cdnjs.cloudflare.com/ajax/libs/umbrella/3.1.0/umbrella.min.js
	// @grant GM_addStyle

	_computeSearchUrlParameters(freeTextSearch, originFilter, destinationFilter, quotationStatusFilter) {
	const argNames = ['freeTextSearch', 'originFilter', 'destinationFilter', 'quotationStatusFilter'];

	let result = '?';

	[].forEach.call(arguments, (arg, index) => {
	if (arg && arg.length) {
	result += argNames[index] + '=' + arg + '&';
	}
	});

	### Node ###

	# Logs
	logs
	npm-debug.log*
	yarn-debug.log*
	yarn-error.log*

	# Optional npm cache directory
	.npm

	var httpStatusCodes = {
	// 1xx Informational
	// Request received, continuing process.[2]
	// This class of status code indicates a provisional response, consisting only of the Status-Line and optional headers, and is terminated by an empty line. Since HTTP/1.0 did not define any 1xx status codes, servers must not send a 1xx response to an HTTP/1.0 client except under experimental conditions.
	'100': 'Continue', //This means that the server has received the request headers, and that the client should proceed to send the request body (in the case of a request for which a body needs to be sent; for example, a POST request). If the request body is large, sending it to a server when a request has already been rejected based upon inappropriate headers is inefficient. To have a server check if the request could be accepted based on the request's headers alone, a client must send Expect: 100-continue as a header in its initial request[2] and check if a 100 Continue status code is received in response be

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style id="jsbin-css">
	.container {
	display: flex;
	flex-flow: row wrap;

	/*
	* http://blog.mgechev.com/2014/04/16/singleton-in-javascript/
	*
	* - It instantiates only a single object
	* - Its safe – it keeps the reference to the singleton inside a variable, which
	* lives inside a lexical closure and is not accessible by the outside world
	* - It allows you to initialize the singleton with some arguments. The module
	* pattern, which wraps the singleton is not aware of the initialization
	* arguments – it simply forwards the call with apply
	* - You can use the instanceof operator