allenfantasy

/**
 * 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

#
# 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

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

<template>
  <div class="item">{{ number }}</div>
</template>

<script>
export default {
  name: 'TestItem',
  props: {
    number: Number
  }

allenfantasy

//=== 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

// 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

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

/***** 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

// @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';

allenfantasy

.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;