thegitfather thegitfather

## vanilla-js-cheatsheet.md

      
              1 file
            
          
              446 forks
            
          
              33 comments
            
          
              1107 stars
            
          
                thegitfather
                / vanilla-js-cheatsheet.md
            
            
              Last active
              April 17, 2024 18:56
            
              
                Vanilla JavaScript Quick Reference / Cheatsheet
              
          
    Vanilla JavaScript Quick Reference / Cheatsheet

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


## visual-event-2_bookmarklet.js
javascript:(function()%20{var%20protocol%20=%20window.location.protocol%20===%20'file:'%20?'http:'%20:%20'';var%20url%20=%20protocol+'//www.sprymedia.co.uk/VisualEvent/VisualEvent_Loader.js';if(%20typeof%20VisualEvent!='undefined'%20)%20{if%20(%20VisualEvent.instance%20!==%20null%20)%20{VisualEvent.close();}else%20{new%20VisualEvent();}}else%20{var%20n=document.createElement('script');n.setAttribute('language','JavaScript');n.setAttribute('src',url+'?rand='+new%20Date().getTime());document.body.appendChild(n);}})();

## http-status-codes.js
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

## angular.io.cheat.sheet.md

      
              1 file
            
          
              3 forks
            
          
              0 comments
            
          
              2 stars
            
          
                thegitfather
                / angular.io.cheat.sheet.md
            
            
              Created
              September 4, 2019 14:23
            
              
                Angular.io Cheat Sheet
              
          
    ANGULAR (2+) CHEATSHEET

NG MODULES

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

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


## index.html
<!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;

## debounce.js
// Returns a function, that, as long as it continues to be invoked, will not
// be triggered. The function will be called after it stops being called for
// N milliseconds. If `immediate` is passed, trigger the function on the
// leading edge, instead of the trailing.
function debounce(func, wait, immediate) {
  var timeout;
  return function() {
    var context = this, args = arguments;
    var later = function() {
      timeout = null;

## zzz_ascii
       __________________
      /\  ______________ \
     /::\ \ZZZZZZZZZZZZ/\ \
    /:/\.\ \        /:/\:\ \
   /:/Z/\:\ \      /:/Z/\:\ \
  /:/Z/__\:\ \____/:/Z/  \:\ \
 /:/Z/____\:\ \___\/Z/    \:\ \
 \:\ \ZZZZZ\:\ \ZZ/\ \     \:\ \
  \:\ \     \:\ \ \:\ \     \:\ \
   \:\ \     \:\ \_\;\_\_____\;\ \

## load_replace_css_js.user.js
// ==UserScript==
// @name load_replace_css_js
// @namespace https://gist.github.com/search?q=thegitfather+UserScript
// @author thegitfather
// @version 0.11
// @description load/replace css/js
// @updateURL https://gist.github.com/thegitfather/679c9bc76e9b058790e3/raw/load_replace_css_js.user.js
// @downloadURL https://gist.github.com/thegitfather/679c9bc76e9b058790e3/raw/load_replace_css_js.user.js
// @include http://127.0.0.1/*
// @grant none

## favicon.html
<link href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAABQMAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAREQAAAAAAEREREQAAAAEiIREREAAAEiIiERERAAASESIhEREAASIRIiERERABIiIiEREREAEiIiEREREQASIiIRIhERAAEiIhEiERAAASIiEREREAAAEiIhEREAAAABEiIREAAAAAABERAAAAAAAAAAAAAAD//wAA/D8AAPAPAADgBwAAwAMAAMADAACAAQAAgAEAAIABAACAAQAAwAMAAMADAADgBwAA8A8AAPw/AAD//wAA" rel="icon" type="image/x-icon">

## jQuery.wrapRegExp.js
(function($) {
  'use strict';

  $.fn.wrapRegExp = function(options) {
    // defaults
    var settings = $.extend({
      regExp: /([\s\S]*)/,
      wrapper: '<div style="border:1px solid red;" />'
    }, options);
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
	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;
	// Returns a function, that, as long as it continues to be invoked, will not
	// be triggered. The function will be called after it stops being called for
	// N milliseconds. If `immediate` is passed, trigger the function on the
	// leading edge, instead of the trailing.
	function debounce(func, wait, immediate) {
	var timeout;
	return function() {
	var context = this, args = arguments;
	var later = function() {
	timeout = null;
	__________________
	/\ ______________ \
	/::\ \ZZZZZZZZZZZZ/\ \
	/:/\.\ \ /:/\:\ \
	/:/Z/\:\ \ /:/Z/\:\ \
	/:/Z/__\:\ \____/:/Z/ \:\ \
	/:/Z/____\:\ \___\/Z/ \:\ \
	\:\ \ZZZZZ\:\ \ZZ/\ \ \:\ \
	\:\ \ \:\ \ \:\ \ \:\ \
	\:\ \ \:\ \_\;\_\_____\;\ \
	// ==UserScript==
	// @name load_replace_css_js
	// @namespace https://gist.github.com/search?q=thegitfather+UserScript
	// @author thegitfather
	// @version 0.11
	// @description load/replace css/js
	// @updateURL https://gist.github.com/thegitfather/679c9bc76e9b058790e3/raw/load_replace_css_js.user.js
	// @downloadURL https://gist.github.com/thegitfather/679c9bc76e9b058790e3/raw/load_replace_css_js.user.js
	// @include http://127.0.0.1/*
	// @grant none
	(function($) {
	'use strict';

	$.fn.wrapRegExp = function(options) {
	// defaults
	var settings = $.extend({
	regExp: /([\s\S]*)/,
	wrapper: '<div style="border:1px solid red;" />'
	}, options);