neewbee

Virtual Hosts on nginx (CSC309)

When hosting our web applications, we often have one public IP address (i.e., an IP address visible to the outside world) using which we want to host multiple web apps. For example, one may wants to host three different web apps respectively for example1.com, example2.com, and example1.com/images on the same machine using a single IP address.

How can we do that? Well, the good news is Internet browsers

neewbee

function uuidGenerator() {
  var S4 = function() {
    return (((1 + Math.random()) * 0x10000) | 0)
      .toString(16)
      .substring(1);
  };
  return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
}

neewbee

*pollData({ userId = 1 }, { call, put }) {
  function delay(millis) {
    const promise = new Promise(resolve => {
      setTimeout(() => resolve(true), millis);
    });
    return promise;
  }
  try {
    yield call(delay, 2000);
    yield put({ type: "fetch", payload: { page: 1 } });

neewbee

function ChildComonent({ onClick, item }) {
  return <li onClick={onClick}>{item}</li>;
}

export default class Demo extends Component {
  constructor(props) {
    super(props)
    this.test3 = this.test3.bind(this)
    this.test6 = () => {
      console.log(this.state.id)

neewbee

function interval(fn, delay) {
    console.log("start interval");
    setInterval(fn, delay);
  }

async function timeout(fn, delay) {
  console.log("start timeout");
  (async function _() {
    console.log("in timeout")
    // mimic long running code

neewbee

var p = Promise.race([
  fetch('/resource-that-may-take-a-while'),
  new Promise(function (resolve, reject) {
    setTimeout(() => reject(new Error('request timeout')), 5000)
  })
])
p.then(response => console.log(response))
p.catch(error => console.log(error))

neewbee

/**
 * Get a random floating point number between `min` and `max`.
 * 
 * @param {number} min - min number
 * @param {number} max - max number
 * @return {float} a random floating point number
 */
function getRandom(min, max) {
  return Math.random() * (max - min) + min;
}

neewbee

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})