為現有 Wordpress 架 Docker 在本機
May 23, 2019
wordpress docker
為現有 Wordpress 架 Docker 在本機This topic will teach you how to using docker to migrate existing wordpress.目的：將現有的WordPress 網站整個移到 Docker 容器內開啟，不再藉由 MA ...
閱讀更多
簡化ssh指令，讓連線變得更美好
April 18, 2019
bash
我們常常需要連線到伺服器，更改設定或是git pull來更新專案，但是伺服器是一串IP，多組伺服器IP更是更難管理
假設伺服器IP是 104.197.227.11，平常使用ssh [email protected]來進行連線，但如果多組伺服器IP，你常常會記不得，以下將介紹快速簡化方式 ...
閱讀更多
Vue 元件之間的傳話筒 總整理
March 12, 2019
使用 Vue 建構網站，會越來越多元件，元件之間的溝通非常重要，常常需要傳遞資訊，讓彼此知道，讓資訊流通是一件非常重要的事！
Props 父傳子
Parent => Child Communication
\$emit 子傳父
自定義事件，Child => Parent C ...
閱讀更多
FrameWork 7 與 H5 邂逅的雷坑
December 13, 2018
Vue FrameWrok 7
環境配置：Vue + FrameWork 7 ，外面包一層Apk，做成App供手機測試以下將紀錄在實作時遇到的雷坑及如何解決的。
input 送出按鍵123456789101112131415161718192021<!-- 驗證碼: authenticationCode Start ...
閱讀更多
快來架設超潮的NodeBB論壇在Heroku上
December 10, 2018
node.js forum heroku
架設 NodeBB 論壇 在 Heroku 上This tutorial is introduce how to install NodeBB forum with MongoDB on MacOS and how to create in Heroku application.I look ...
閱讀更多
Vue 元件化概念
November 26, 2018
Vue 元件化概念 筆記
使用元件化切出複雜頁面
使用vue-router 做耊面
使用 vuex（資料中心）統一狀態更動
元件化
App.vue是大元件
什麼是元件化？
將網頁依照頁面、功能拆分
小至一個按鈕、大到整個頁面或程式
Single File ComponentVue 元件化概 ...
閱讀更多
JavaScript ES6 物件 Literal Upgrades：動態命名
November 25, 2018
ES6
ES6 Object Literal UpgradesES6 擴展：物件實體命名，透過[]的方式，可以帶入變數，讓程式碼更好維護、管理。
運用方式：像是對物件裡的屬性命名時，能夠用像是組字串的方式，讓命名名稱更有彈性。舉例：像是我建立一個tShirt的物件，裡面有屬性是Color：color ...
閱讀更多
JavaScript30/08 | Fun With HTML Canvas 筆記
October 30, 2018
js30
JavaScript30/08 | Fun With HTML Canvas 筆記
Demo 效果
完成 Day8 需要用到的屬性
Canvas基本屬性
getContext()
lineCap
lineJoin
beginPath()調整色彩、寬度
lineWidth
fillStyle
...
閱讀更多
Call Back Hell：Promise誕生
October 2, 2018
123456789101112131415161718192021222324// first function getRecipt(){ setTimeout( () => { const recipeID = [523, 883, 432, 9 ...
閱讀更多
CSS3-Transform-3D：老闆，有沒有賣防螢幕暈的藥啊？
September 18, 2018
CSS3
CSS3 Transform 3D最近練習 CSS3 Transform 3D，卡片正面翻轉到背面的特效很酷炫，於是寫下這篇筆記。
這篇 CSS3 主要會應用到的屬性有
tranform-style:presesrve-3d
backface-visibility
transform: r ...
閱讀更多