let utcTime = moment.utc('2016-12-21T15:31:57.847').format('YYYY-MM-DD HH:mm:ss');

let localTime  = moment.utc('2016-12-21T15:31:57.847').toDate()
localTime = moment(localTime).format('YYYY-MM-DD HH:mm:ss');

moment.utc('2017-01-12T15:31:57.847').format('d');

moment().format('YYYY-MM-DD');

moment.utc('2017-01-12T15:31:57.847').add(1, 'days').format('d');

moment.utc('2017-01-12T15:31:57.847').subtract(2, 'days').format('d');

moment.utc('2017-01-12T15:31:57.847').startOf('month').format('YYYY-MM-DD');

moment.utc('2017-01-06T15:31:57.847').startOf('week').format('YYYY-MM-DD');

moment.utc('2017-01-06T15:31:57.847').startOf('quarter').format('YYYY-MM-DD');

function toType (obj) {
    if (typeof obj === 'undefined') {
        return 'undefined';
    }
    return ({}).toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase();
}

$ npm -g ls --depth=0

$ npm install -g gulp

$ gulp mytask

.pipe(header('\ufeff'))

.pipe(replace(/ReplaceByGulp/ig, 'new text'))

// bundle.config.js
module.exports = {
  bundle: {
    main: {
      scripts: [
        './content/js/foo.js',
        './content/js/baz.js'
      ],
      styles: './content/**/*.css'
    },
    vendor: {
      scripts: './bower_components/angular/angular.js'
    }
  },
  copy: './content/**/*.{png,svg}'
};

gulp.task('bundle', function() {
  return gulp.src('./bundle.config.js')
    .pipe(bundle())
    .pipe(gulp.dest('./public'));
});

"C:\Program Files (x86)\MSBuild\14.0\Bin\Msbuild" "C:\yourproject\project.csproj" /p:DeployOnBuild=true /p:PublishProfile=project.pubxml

@ping 127.0.0.1 -n 3 -w 1000 > nul

"C:\Program Files (x86)\MSBuild\14.0\Bin\Msbuild" "C:\yourproject\project2.csproj" /p:DeployOnBuild=true /p:PublishProfile=project2.pubxml

PAUSE

// Sample 1
var obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.keys(obj));

for (let key of Object.keys(obj)) {  
  let objName = obj[key];
  // ... do something with obj
  console.log(objName);
}

// Sample 2
var nameObj = {first: "Zaphod", last: "Beeblebrox"};
Object.keys(nameObj).forEach(function(key) {
    console.log(key + ': ' + nameObj[key]);
});

// Sample 3
var countries = {
    China: 1371980000,
    India: 1276860000,
    'United States': 321786000,
    Indonesia: 255461700,
    Brazil: 204873000,
    Pakistan: 190860000
};
var countriesFiltered = Object.keys(countries).filter(function(key) {
    return countries[key] <= 1000000000;
}).map(function(key) {
    return countries[key];
});
console.log(countriesFiltered);

npm config set init-author-name [yourname]
npm config set init-author-email [[email protected]]
npm config set init-author-url [http://your.url]
npm config set init-license MIT

// webpack example
import path from 'path';

export default {
    debug: true,
    devtool: 'inline-source-map',
    noInfo: false,
    entry: [
        path.resolve(__dirname, 'src/index')
    ],
    target: 'web',
    output: {
        path: path.resolve(__dirname, 'dist'),
        publicPath: '/',
        filename: 'bundle.js'
    },
    plugins: [],
    module: {
        loaders: [
            { test: /\.js$/, exclude: /node_modules/, loaders: ['babel'] },
            { test: /\.css$/, loaders: ['style', 'css'] }
        ]
    }
}

// .eslintrc.json
{
    "root": true,
    "extends": [
        "eslint:recommended",
        "plugin:import/errors",
        "plugin:import/warnings"
    ],
    "parserOptions": {
        "ecmaVersion": 7,
        "sourceType": "module"
    },
    "env": {
        "browser": true,
        "node": true,
        "mocha": true
    },
    "rules": {
        "no-console": 1
    }
}

// command
# eslint --fix xxx.js
# eslint --print-config xxx.js

/* eslint-disable semi, xxx, xxx */
or
/* eslint semi: 0 */

// eslint-disable-line semi, no-undef

# sample 1
let startTag = 'start-func';
let endTag = 'end-func';
window.performance.mark(startTag);
# your code
window.performance.mark(endTag);
window.performance.measure(`test func mark init`, startTag, endTag);

# sample 2
window.performance.mark('RemoveMessage');
let start = performance.now();
# your code
let end = performance.now();
console.log('Spend：' + (end - start) + 'ms');

    var divs = document.querySelectorAll('div');

    [].forEach.call(divs, function(div) {
        console.log(div);
    });

    [...Array(10)].map((d, i) => {
        // do somethgin ....
        return i;
    });

var lastTime = performance.now();
var frame = 0;
var lastFameTime = performance.now();
var loop = function(time) {
    var now =  performance.now();
    var fs = (now - lastFameTime);
    lastFameTime = now;
    var fps = Math.round(1000/fs);
    frame++;
    if (now > 1000 + lastTime) {
        var fps = Math.round( ( frame * 1000 ) / ( now - lastTime ) );
        frame = 0;    
        lastTime = now;    
    };           
    window.requestAnimationFrame(loop);   
}

console.time("createDocumentFragment initialize");
var body = document.body;  
var fragment = document.createDocumentFragment();  
for(var i = 0; i< 100000; i++) {  
    var text1 = document.createElement('span');
    text1.innerHTML = 'hello world';
    fragment.appendChild(text1);
}
body.appendChild(fragment);  
console.timeEnd("createDocumentFragment initialize");

console.time("appendChild initialize");
var body = document.body;  
var element = document.createElement('div');  
for(var i = 0; i< 100000; i++) {  
    var text = document.createElement('span');
    text.innerHTML = 'hello world';
    element.appendChild(text);
}
body.appendChild(element);  
console.timeEnd("appendChild initialize");

# npm ls -g --depth 0

# npm install -g babel-cli

# babel --version

# npm init

# npm install babel-preset-es2015 --save-dev

let name = "Ray";
console.log(`Hello ${name} !`);

# babel src --presets es2015 -d build

# babel src --presets es2015 --out-file build/bundle.js

# babel src --presets es2015 --out-file build/bundle.js -s

# babel src --presets es2015 --out-file build/bundle.js -s -w

{
    "presets" : ["es2015"],
    "sourceMaps" : true
}

# babel src --out-file build/bundle.js -w

### npm cache verify 垃圾收集不必要的數據
npm cache verify

### npm cache clean
npm cache clean --force

    $('body').on('contextmenu', function() {
        return false;
    });

$('body').on('keydown',function(e) {
        e = window.event || e;

        // 禁止 F5
        if(e.keyCode == 116){
            try {
                e.keyCode = 0; //IE 需設 keyCode 為 false
            } catch(err) {
                console.log(err);
            }

            return false;
        }

        // 禁止 Alt+ 方向键 ←
        // 禁止 Alt+ 方向键 →
        if ((e.altKey) && ((e.keyCode == 37) || (e.keyCode == 39)))
        {
            e.returnValue = false;
            return false;
        }

        // 禁止 Backspace
        if(e.keyCode == 8){
            return false;
        }

        // 禁止 ctrl+R
        if((e.ctrlKey) && (e.keyCode == 82)){
            try {
                e.keyCode = 0; //IE 需設 keyCode 為 false
            } catch(err) {
                console.log(err);
            }

            return false;
        }
    });

module.exports = function curry(fn) {
    return function curried(...args) {
        if(args.length >= fn.length) {
            return fn(...args);
        } else {
            return function(a) {
                return curried(...[...args, a]);
            }
        }
    }
};

var curry = require('./curry');

function add(a, b) {
    return a + b;
}

var curryAdd = curry(add);

var add10 = curryAdd(10);

console.log(add10(5));
console.log(add10(10));

console.log(curryAdd(10, 8));

node app.js

git config --global user.name " [yourname]"
git config --global user.email "[[email protected]]"

git config --global color.diff auto
git config --global color.status auto
git config --global color.branch auto
git config --global color.log auto 

npm config set init-author-name "[yourname]"
npm config set init-author-email "[[email protected]]"
npm config set init-author-url "[http://your.url]"
npm config set init-license "MIT"

#紀錄確切版本
npm set save-exact true

npm config ls -l

npm install -g nodemon

Node >= 0.11.

$ npm install -g npm-check

$ npm-check

$('a.top').on('click', function(){
	$(document.body).animate({scrollTop : 0},800);
	return false;
});

// or
$("a[href='#top']").on('click', function() {
	$("html, body").animate({ scrollTop: 0 }, "slow");
	return false;
});

$(function(){
	var $win = $(window)
	var $nav = $('.mytoolbar');
	var navTop = $('.mytoolbar').length && $('.mytoolbar').offset().top;
	var isFixed=0;

	processScroll()
	$win.on('scroll', processScroll)

	function processScroll() {
	var i, scrollTop = $win.scrollTop()

	if (scrollTop >= navTop && !isFixed) { 
		isFixed = 1
		$nav.addClass('subnav-fixed')
	} else if (scrollTop <= navTop && isFixed) {
		isFixed = 0
			$nav.removeClass('subnav-fixed')
	}
}

$('input[type="submit"]').attr("disabled", true);
$(‘input[type="submit"]').removeAttr("disabled”);

$('li:odd').css('background', ‘#e7e7e7’);

$(“a.disable").on("click", function(e){
  e.preventDefault();
});

$(“.main”).toggleClass(“selected”);

$('img').error(function(){
	$(this).attr('src', 'img/broken.png');
});

$("#textA").bind('copy', function() {
    $('span').text('copy behaviour detected!')
}); 
$("#textA").bind('paste', function() {
    $('span').text('paste behaviour detected!')
}); 
$("#textA").bind('cut', function() {
    $('span').text('cut behaviour detected!')
});

$('.tab_nav li:first').addClass('active').show();
$('.content').hide();
$('.content:first').show();

$('.tab_nav li').on('click', function(){

    $('.tab_nav li').removeClass('active');

    $(this).addClass('active');
    $(".content").hide();

    var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
    $(activeTab).fadeIn(1000); //Fade in the active ID content
    return false;

});


<!-- TAB SECTION  -->
<div id="tabs">
    <ul class="tab_nav">
        <li><a href="#tab1">tab 1</a></li>
        <li><a href="#tab2">tab 2</a></li>
    </ul>
    <div class="tab_content">
        <div id="tab1" class="content"></div>
        <div id="tab2" class="content"></div>
    </div>
</div>

{
  "scripts": {
    "prod": "cross-env Version=1.0.1.1 node prod.js"
  }
}

console.log(process.env.Version);

// Returns a function, that, as long as it continues to be invoked, will not
// be triggered. The function will be called after it stops being called for
// N milliseconds. If `immediate` is passed, trigger the function on the
// leading edge, instead of the trailing.
function debounce(func, wait, immediate) {
    var timeout;
    return function() {
        var context = this, args = arguments;
        var later = function() {
            timeout = null;
            if (!immediate) func.apply(context, args);
        };
        var callNow = immediate && !timeout;
        clearTimeout(timeout);
        timeout = setTimeout(later, wait);
        if (callNow) func.apply(context, args);
    };
};

var searchInputFunc = debounce(function () {                    
    var _val = $(this).val().trim();
    console.log(_val);

    // dosomething...

}, 500);

function throttle(func, threshhold, scope) {
  threshhold || (threshhold = 250);
  var last,
      deferTimer;
  return function () {
    var context = scope || this;

    var now = +new Date,
        args = arguments;
    if (last && now < last + threshhold) {
      // hold on to it
      clearTimeout(deferTimer);
      deferTimer = setTimeout(function () {
        last = now;
        func.apply(context, args);
      }, threshhold);
    } else {
      last = now;
      func.apply(context, args);
    }
  };
}

$('body').on('mousemove', throttle(function (event) {
  console.log('tick');
  // dosomething...

}, 1000));