benweizhu

#!/bin/bash

####
#### Delete (remove) all items from Aws Dynamo DB table, by specifing table name and primary key
####
#### Forked from https://gist.github.com/k3karthic/4bc929885eef40dbe010
####
#### Usage: 
#### clean-dynamo-table TABLE_NAME PRIMARY_KEY
####

benweizhu

new Promise(function (resolve) {
    resolve(1);
}).then(function () {
    return Promise.reject(new Error('error'))
}).then(function () {

}).catch(function (error) {
    console.log(error)
})

benweizhu

const array = [1, 2, 3, 4, 5];

array
  .reduce(function(promise, currentValue, currentIndex) {
    return promise
      .then(function() {
        return new Promise(function(resovle) {
          setTimeout(function() {
            console.log("send", currentValue);
            resovle(currentValue);

benweizhu

const array = [1, 2, 3, 4, 5];

new Promise(function(resolve, reject){
    const outSideResolve = resolve;
    array.reduce(function (promise, currentValue, currentIndex) {
        return promise.then(function () {
            return new Promise(function (resovle, reject) {
                setTimeout(function () {
                    console.log(currentValue, currentIndex);
                    resovle(currentValue);

benweizhu

function fetchData(URL) {
  return new Promise(function (resolve, reject) {
    var req = new XMLHttpRequest();
    req.open('GET', URL, true);
    req.onload = function () {
      if (req.status === 200) {
        resolve(this.responseText);
      } else {
        reject(new Error(req.statusText));
      }

benweizhu

const path = require('path');
const webpack = require('webpack');
const nodeExternals = require('webpack-node-externals');
module.exports = {
  target: "node",
  entry: "./index.js",
  externals: [nodeExternals()],
  output: {
    libraryTarget: 'commonjs2',
    path: path.resolve(__dirname, ""),

benweizhu

#user  nobody;
#Defines which Linux system user will own and run the Nginx server

worker_processes  1;
#Referes to single threaded process. Generally set to be equal to the number of CPUs or cores.

#error_log  logs/error.log; #error_log  logs/error.log  notice;
#Specifies the file where server logs. 

benweizhu

FROM gocd/gocd-agent-ubuntu-16.04:v17.11.0

RUN apt-get clean && apt-get update && apt-get install -y locales

RUN locale-gen en_US.UTF-8
ENV LANG en_US.UTF-8
ENV LANGUAGE en_US:en
ENV LC_ALL en_US.UTF-8

RUN apt-get update && \

benweizhu

I wanted to figure out the fastest way to load non-critical CSS so that the impact on initial page drawing is minimal.

TL;DR: Here's the solution I ended up with: https://github.com/filamentgroup/loadCSS/

---

For async JavaScript file requests, we have the async attribute to make this easy, but CSS file requests have no similar standard mechanism (at least, none that will still apply the CSS after loading - here are some async CSS loading conditions that do apply when CSS is inapplicable to media: https://gist.github.com/igrigorik/2935269#file-notes-md ).

Seems there are a couple ways to load and apply a CSS file in a non-blocking manner:

benweizhu

// getComponent is a function that returns a promise for a component
// It will not be called until the first mount
function asyncComponent(getComponent) {
  return class AsyncComponent extends React.Component {
    static Component = null;
    state = { Component: AsyncComponent.Component };

    componentWillMount() {
      if (!this.state.Component) {
        getComponent().then(Component => {