Skip to content

Instantly share code, notes, and snippets.

View pjchender's full-sized avatar

Aaron Chen pjchender

796 followers · 67 following
View GitHub Profile
@pjchender
pjchender / app.js
Last active May 22, 2017 15:10
[Node][Unit36] 使用 util.inherits 來繼承 EventEmitter 的方法
// 使用 util.inherits 來繼承 EventEmitter 的方法
const EventEmitter = require('events')
const util = require('util')
function Greetr () {
// 如果我們想要完整繼承 EventEmitter 中的屬性
EventEmitter.call(this)
this.greeting = 'someone greet'
}
@pjchender
pjchender / app.js
Last active May 22, 2017 14:12
[Node][Unit34] Putting string variable in configuration.js
const Emitter = require('events')
const eventsConfig = require('./config').events
let emtr = new Emitter()
emtr.on(eventsConfig.GREET, function () {
console.log('Somewhere, someone said hello')
})
@pjchender
pjchender / app.js
Last active May 22, 2017 14:13
[Node][Unit33] 模擬 Event Emitter
const Emitter = require('./emitter')
let emtr = new Emitter()
emtr.on('greet', function () {
console.log('Somewhere, someone said hello')
})
emtr.on('greet', function () {
console.log('A greeting occurred')
@pjchender
pjchender / module_pattern.js
Last active May 22, 2017 14:13
[Node][Unit26] Module Pattern
/* eslint-disable */
/**
* PATTERN 1
**/
module.exports = function() {
console.log('Hello world');
};
@pjchender
pjchender / app.html
Created May 17, 2017 02:19
[Vue] Vue + Webpack 起手式
<!-- app.vue -->
<template lang="html">
<div class="message">
{{ message }}
{{ ok }}
</div>
</template>
<script>
@pjchender
pjchender / render-error-1.html
Last active April 30, 2017 14:55
[Vue] 生命週期與 AJAX 使用說明
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo Vue</title>
<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<script src="https://unpkg.com/[email protected]/dist/axios.js"></script>
</head>
<body>
@pjchender
pjchender / transition-mobile-menu.html
Last active May 1, 2017 14:06
[Flycan][CSS] lightbox, mobile-menu by transition
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Document</title>
<style type="text/css">
*{
margin: 0;
@pjchender
pjchender / .babelrc
Last active April 18, 2017 14:09
[Flycan] 20170418 Vue 筆記
{
"presets": [
["latest", {
"es2015": { "modules": false }
}],
"stage-2"
]
}
@pjchender
pjchender / iterator.js
Last active April 18, 2017 08:46
[JavaScript][RxJS] 30 天精通 RxJS (04)： 什麼是 Observable ?
const arr = [1, 2, 3]
// 原生的 array iterator
let nativeIterator = arr[Symbol.iterator]()
nativeIterator.next() // {value: 1, done: false}
nativeIterator.next() // {value: 2, done: false}
nativeIterator.next() // {value: 3, done: false}
nativeIterator.next() // {value: undefined, done: true}
@pjchender
pjchender / app.js
Last active October 23, 2019 03:47
Learn to Use Passport（Passport 學習筆記）
// 匯入需要的模組
const express = require('express')
const bodyParser = require('body-parser')
const cookieParser = require('cookie-parser')
const path = require('path')
const logger = require('morgan')
const mongoose = require('mongoose')
const session = require('express-session')
const passport = require('./middleware/passport')
const MongoStore = require('connect-mongo')(session) // 直接執行並將 session 存進去，logout 後會自動刪除該 document