Skip to content

Instantly share code, notes, and snippets.

View zhjgithub's full-sized avatar

zhjgithub

View GitHub Profile
@zhjgithub
zhjgithub / valid_month.py
Created November 30, 2017 15:58
months = ['January',
'February',
'March',
'April',
'May',
'June',
'July',
'August',
'September',
'October',
@zhjgithub
zhjgithub / settimeout-chain.js
Created November 22, 2017 02:33
From https://stackoverflow.com/questions/6921275/is-it-possible-to-chain-settimeout-functions-in-javascript
function delay(fn, t) {
// private instance variables
var queue = [], self, timer;
function schedule(fn, t) {
timer = setTimeout(function() {
timer = null;
fn();
if (queue.length) {
var item = queue.shift();
@zhjgithub
zhjgithub / functional-title-uppercase.js
Created November 15, 2017 07:35
const compose = (...fns) => data =>
fns.reduceRight((value, fn) => fn(value), data)
const trim = str => str.trim()
const split = separator => str => str.split(separator)
const notEmpty = str => str.length > 0
const removeEmpty = parts => parts.filter(notEmpty)
@zhjgithub
zhjgithub / functional-tag-generator.js
Last active November 15, 2017 05:55
const compose = (...functions) => data =>
functions.reduceRight((value, func) => func(value), data) // right to left
const pipe = (...functions) => data =>
functions.reduce((value, func) => func(value), data) // left to right
const encodeAttribute = (x = '') => x.replace(/"/g, '"')
const toAttributeString = (x = {}) =>
Object.keys(x)
.map(attr => `${encodeAttribute(attr)}="${encodeAttribute(x[attr])}"`)
@zhjgithub
zhjgithub / for-closure.js
Created July 6, 2017 08:15
From https://classroom.udacity.com/nanodegrees/nd001-cn-advanced/parts/55f212f3-1450-46a6-aefd-a8295973c097/modules/0272c404-0bca-41cb-a99b-ba765b87ccbe/lessons/3417188540/concepts/34803486710923
elem.addEventListener('click', (function(numCopy) {
```
return function() {
alert(numCopy)
};
```
})(num));
@zhjgithub
zhjgithub / gulp-replace-file-link-with-file-content.js
Created June 26, 2017 02:59
From https://stackoverflow.com/questions/23820703/how-to-inject-content-of-css-file-into-html-in-gulp
var gulp = require('gulp'),
replace = require('gulp-replace'),
fs = require('fs');
// in your task
return gulp.src(...)
.pipe(replace(/<link href="style.css"[^>]*>/, function(s) {
var style = fs.readFileSync('style.css', 'utf8');
return '<style>\n' + style + '\n</style>';
}))
@zhjgithub
zhjgithub / check-mark.css
Created June 20, 2017 11:21
From https://developer.mozilla.org/en-US/docs/Web/CSS/::before
li {
list-style-type: none;
position: relative;
margin: 2px;
padding: 0.5em 0.5em 0.5em 2em;
background: lightgrey;
font-family: sans-serif;
}
li.done {
@zhjgithub
zhjgithub / performance-timing.html
Last active June 26, 2017 03:37
From https://developers.google.com/web/fundamentals/performance/critical-rendering-path/measure-crp
<html>
<head>
<title>Critical Path: Measure</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="style.css" rel="stylesheet">
<script>
function measureCRP() {    
var t = window.performance.timing,
     interactive = t.domInteractive - t.domLoading,
@zhjgithub
zhjgithub / quad-tree.js
Created May 19, 2017 07:03
From http://blog.sklambert.com/html5-canvas-game-2d-collision-detection
/**
* QuadTree object.
*
* The quadrant indexes are numbered as below:
* |
* 1 | 0
* —-+—-
* 2 | 3
* |
*/
@zhjgithub
zhjgithub / atom-template.xml
Created May 4, 2017 07:55
From https://shafiq2410.wordpress.com/2012/08/05/rss-vs-atom-which-one-is-better/
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
        <title>Example Feed</title>
        <subtitle>A subtitle.</subtitle>
        <link href="http://example.org/feed/" rel="self" />
        <link href="http://example.org/" />
        <id>urn:uuid:60a76c80-d399-11d9-b91C-0003939e0af6</id>
        <updated>2003-12-13T18:30:02Z</updated>