Skip to content

Instantly share code, notes, and snippets.

View allenfantasy's full-sized avatar
😸
Feeding my cat

Zeqiu Wu allenfantasy

😸
Feeding my cat
View GitHub Profile
/**
* Like, basically PERFECT scrollbars
*/
/*
It's pure CSS.
Since a quick google search will confirm people going crazy about Mac OS Lion scrollbars...
this has no fade-out effect.
In Mac OS Lion, the lowest common denominator is always showing scrollbars by a setting.
@allenfantasy
allenfantasy / pf.conf
Created January 30, 2018 14:30
simple shell script to refresh pfctl for MacOS
#
# Default PF configuration file.
#
# This file contains the main ruleset, which gets automatically loaded
# at startup. PF will not be automatically enabled, however. Instead,
# each component which utilizes PF is responsible for enabling and disabling
# PF via -E and -X as documented in pfctl(8). That will ensure that PF
# is disabled only when the last enable reference is released.
#
# Care must be taken to ensure that the main ruleset does not get flushed,
@allenfantasy
allenfantasy / getQueryStringObject.js
Created June 6, 2018 11:30
getQueryStringObject
const getQueryStringObject = url => {
let query = url.split('?')
if (query.length > 1) {
let params = query[1].split('&')
let values = {}
for (let i = 0; i < params.length; i++) {
let param = params[i].split('=')
values[param[0]] = param[1]
}
@allenfantasy
allenfantasy / item.vue
Last active May 17, 2018 02:18
Performance difference between render and non-render for vue list component
<template>
<div class="item">{{ number }}</div>
</template>
<script>
export default {
name: 'TestItem',
props: {
number: Number
}
@allenfantasy
allenfantasy / basic.js
Last active January 29, 2018 02:06
Observable learning snippets. Inspired and referenced from "30天精通RxJS": https://ithelp.ithome.com.tw/articles/10187005
//=== Using Observable.create() ===//
import Rx from 'rxjs/Rx'
let observable = Rx.Observable
.create(observer => {
observer.next('Jerry')
observer.next('Anna')
})
// OR:
// let observable = Rx.Observable.of('Jerry', 'Anna')
// let observable = Rx.Observable.from(['Jerry', 'Anna']) // **any enumerables**
@allenfantasy
allenfantasy / sortByArr.js
Last active November 10, 2017 02:12
sort by another array's order
// arr = [12,3,7]
// arr_source = [{id:1, name:'a'}, {id:2, name:'b'}, ..., {id:100, name:'xxxx'}]
// sort arr_source based on arr:
// [{id: 12, name: 'xx'}, {id: 3, name: 'xxx'}, {id: 7, name: 'xxx'}, …., {id: 100, name: 'xxxx'}]
const sortByArr = (targetArr, orderArr) => {
let ret = orderArr.slice(0)
targetArr.forEach((item,index) => {
let orderIndex = orderArr.indexOf(item.id)
if (orderIndex > -1) {
@allenfantasy
allenfantasy / extends.js
Last active June 2, 2016 15:42 — forked from hayeah/gist:9757971
Implementation of inheritance in CoffeeScript
var __hasProp = {}.hasOwnProperty;
var __extends = function(child, parent) {
for (var key in parent) {
if (__hasProp.call(parent, key)) child[key] = parent[key];
}
function ctor() {
// why set the prototype's constructor to child?
this.constructor = child;
}
ctor.prototype = parent.prototype;
@allenfantasy
allenfantasy / regex.js
Last active May 2, 2016 13:58
regex.js
/***** Fixed Phone Number Regex *****/
/*
Fixed phone numbers' format:
(district number)-(phone number)
*/
var phoneRegex = /^(0[\d]{2,3}-)?[\d]{7,8}$/;
phoneRegex.test("020-82376643"); //=> true
phoneRegex.test("0755-6633868"); //=> true
@allenfantasy
allenfantasy / ajax.js
Created January 22, 2016 02:59
A naive ajax function
// @credit to http://stackoverflow.com/questions/8567114/how-to-make-an-ajax-call-without-jquery
function ajax(options) {
if (!options) {
throw new Error('Ajax: options is missing');
}
if (!options.url) {
throw new Error('Ajax: options.url is missing');
}
var async = options.async === undefined ? true : (!!options.async);
var type = options.type || 'GET';
.flexcroll{ height:200px;
overflow:auto;
}
.flexcroll{
scrollbar-face-color: #367CD2;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;