royling

Quiz: https://mobile.twitter.com/wesbos/status/794211901685149696

Explanation: http://www.2ality.com/2015/01/es6-destructuring.html#default-values

royling

A Git branching model

The key rules of this model are:

• origin/master always reflects a production-ready state.
• origin/develop always reflects a state with the latest delivered development changes for the next release.
• Each time when changes are merged back into master, it's a new production release.
• Other branch types supporting other purposes:
  1. feature/topic branches: develop new features for the upcoming or a distant future release.
• branch off from develop and merge back to develop once finished.

royling

BEM (Block, Element, Modifier): a methodology/guideline for scalable web

• Component based methodology/archetecture (reusable)
• Guideline for scalable web development (maintainable)

Unified terminology: Block/Element/Modifier

• Block: independent, reusable (equivalent to component in Web Components)
• Element: composite part of a block
  • optional

royling

Installation:

brew tap caskroom/cask

Casks (/usr/local/Caskroom)

• mojibar 👍

royling

// inline type declaration for ES6 Promise object
// see full at https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/es6-promise/es6-promise.d.ts
declare class Promise {
    constructor(callback: (resolve: (value?: any) => void, reject: (reason?: any) => void) => void);
    then(onFulfilled?: (any) => any, onRejected?: (any) => any|void);
}

const isPromise: (p:any) => boolean = p => typeof p === 'object' && typeof p.then === 'function';

const promiseAll: (promises:any[]) => Promise = promises => new Promise((resolve, reject) => {

royling

With angular-cli, it helps create an angular2 app quickly. All required tools are provisioned in a simple command ng new, including Protractor - the end-to-end testing tool for angular.

To perform the testing, run ng e2e. It will first run webdriver-manager update to download & install webdrivers, see pree2e script in package.json. However, the below error may be encountered if you are in a corporate network:

[15:10:59] E/downloader - { Error: unable to get local issuer certificate
    at Error (native)
    at TLSSocket.<anonymous> (_tls_wrap.js:1060:38)
    at emitNone (events.js:86:13)
 at TLSSocket.emit (events.js:185:7)

royling

// A custom property on an array is **not iterable**

const arr = [1,2];
arr[10] = 10; // => [1, 2, undefined*8, 10]
arr['ok'] = 'ok';

// for-in: enumerable properties:
for (const index in arr) console.log(arr[index]); // => 1, 2, 10, 'ok'
// for-of: iterable
for (const value of arr) console.log(value); // => 1, 2, undefined*8, 10

royling

Install tmux

brew install tmux

Start tmux (https://gitlab.com/gnachman/iterm2/wikis/TmuxIntegration)

Run tmux -CC or tmux -CC attach in iTerm2 and then menu is shown on terminal:

• ESC to detach
• C to run commands
• X to force quit
• L for log

royling

#!/bin/bash

# try to kill existing process
ps aux | awk '/[s]sh -D 7070/ {print $2}' | xargs kill

# delay 1s
sleep 1

# start SOCKS proxy
ssh -D 7070 -fN user@host

royling

Polling vs. Session timeout

TL;DR

In order to keep a page up-to-date or simulate notification push, we can fetching data from server by sending requests (eg. ajax) periodically. This is so-called polling, but this will cause security risks that session never timeout.

Solution/Workaround

It's not easy to fix this issue with a simple configuration in web server (eg. Tomcat),