Christian Castelli chrisvoo

Javascript `log` Function

Every time I start a new project, I want to pull in a log function that allows the same functionality as the console.log, including the full functionality of the Console API.

There are a lot of ways to do this, but many are lacking. A common problem with wrapper functions is that the line number that shows up next to the log is the line number of the log function itself, not where log was invoked. There are also times where the arguments get logged in a way that isn't quite the same as the native function.

This is an attempt to once and for all document the function that I pull in to new projects. There are two different options:

The full version: Inspired by the plugin in HTML5 Boilerplate. Use this if you are writing an application and want to create a window.log function. Additionally,

General Background and Overview

Probabilistic Data Structures for Web Analytics and Data Mining : A great overview of the space of probabilistic data structures and how they are used in approximation algorithm implementation.
Models and Issues in Data Stream Systems
Philippe Flajolet’s contribution to streaming algorithms : A presentation by Jérémie Lumbroso that visits some of the hostorical perspectives and how it all began with Flajolet
Approximate Frequency Counts over Data Streams by Gurmeet Singh Manku & Rajeev Motwani : One of the early papers on the subject.
[Methods for Finding Frequent Items in Data Streams](http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.187.9800&rep=rep1&t

To remove a submodule you need to:

Delete the relevant section from the .gitmodules file.
Stage the .gitmodules changes git add .gitmodules
Delete the relevant section from .git/config.
Run git rm --cached path_to_submodule (no trailing slash).
Run rm -rf .git/modules/path_to_submodule (no trailing slash).
Commit git commit -m "Removed submodule "
Delete the now untracked submodule files rm -rf path_to_submodule

Setting up Babel and nodemon

Inital set-up

Set up project:

mkdir project
cd project
npm init -y

	<!DOCTYPE html>

	<html lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>SoundCloud OAuth 2 User Agent Authentication Flow Demo</title>
	<script type="text/javascript" charset="utf-8" src="javascript/jquery-1.4.2.js"></script>
	<script type="text/javascript" charset="utf-8">
	$(function () {
	var extractToken = function(hash) {

	" copy all this into a vim buffer, save it, then...
	" source the file by typing :so %
	" Now the vim buffer acts like a specialized application for mastering vim

	" There are two queues, Study and Known. Depending how confident you feel
	" about the item you are currently learning, you can move it down several
	" positions, all the way to the end of the Study queue, or to the Known
	" queue.

	" type ,, (that's comma comma)

	<?php

	use RecursiveDirectoryIterator;
	use RecursiveIteratorIterator;
	use SplFileInfo;

	# http://stackoverflow.com/a/3352564/283851

	/**
	* Recursively delete a directory and all of it's contents - e.g.the equivalent of `rm -r` on the command-line.

	package j2p;

	import japa.parser.JavaParser;
	import japa.parser.ParseException;
	import japa.parser.ast.CompilationUnit;
	import japa.parser.ast.ImportDeclaration;
	import japa.parser.ast.PackageDeclaration;
	import japa.parser.ast.body.BodyDeclaration;
	import japa.parser.ast.body.ClassOrInterfaceDeclaration;
	import japa.parser.ast.body.FieldDeclaration;

	#!/bin/sh
	git --no-pager log -n 20 --graph --pretty=format:'%Cred%h%Creset %an: %s - %Creset %C(yellow)%d%Creset %Cgreen(%cr)%Creset' --abbrev-commit --date=relative

	const response = await fetch(`https://catappapi.herokuapp.com/users/${userId}`)
	const data = await response.json()
	return data.imageUrl
	}

Christian Castelli chrisvoo

Javascript log Function

General Background and Overview

Setting up Babel and nodemon

Inital set-up

Javascript `log` Function