我們常常需要連線到伺服器，更改設定或是git pull來更新專案，但是伺服器是一串IP，多組伺服器IP更是更難管理 假設伺服器IP是 104.197.227.11，平常使用ssh [email protected]來進行連線，但如果多組伺服器IP，你常常會記不得，以下將介紹快速簡化方式 ...

使用 Vue 建構網站，會越來越多元件，元件之間的溝通非常重要，常常需要傳遞資訊，讓彼此知道，讓資訊流通是一件非常重要的事！ Props 父傳子 Parent => Child Communication \$emit 子傳父 自定義事件，Child => Parent C ...

環境配置：Vue + FrameWork 7 ，外面包一層Apk，做成App供手機測試以下將紀錄在實作時遇到的雷坑及如何解決的。 input 送出按鍵123456789101112131415161718192021<!-- 驗證碼: authenticationCode Start ...

架設 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 元件化概念 筆記 使用元件化切出複雜頁面 使用vue-router 做耊面 使用 vuex（資料中心）統一狀態更動 元件化 App.vue是大元件 什麼是元件化？ 將網頁依照頁面、功能拆分 小至一個按鈕、大到整個頁面或程式 Single File ComponentVue 元件化概 ...

ES6 Object Literal UpgradesES6 擴展：物件實體命名，透過[]的方式，可以帶入變數，讓程式碼更好維護、管理。 運用方式：像是對物件裡的屬性命名時，能夠用像是組字串的方式，讓命名名稱更有彈性。舉例：像是我建立一個tShirt的物件，裡面有屬性是Color：color ...

JavaScript30/08 | Fun With HTML Canvas 筆記 Demo 效果 完成 Day8 需要用到的屬性 Canvas基本屬性 getContext() lineCap lineJoin beginPath()調整色彩、寬度 lineWidth fillStyle ...

123456789101112131415161718192021222324// first function getRecipt(){ setTimeout( () => { const recipeID = [523, 883, 432, 9 ...

CSS3 Transform 3D最近練習 CSS3 Transform 3D，卡片正面翻轉到背面的特效很酷炫，於是寫下這篇筆記。 這篇 CSS3 主要會應用到的屬性有 tranform-style:presesrve-3d backface-visibility transform: r ...

Canvas 基礎特性 可以自由繪製的元件區域 可以控制每個像素的顏色與繪製 有很高的操控度，就像遙控器 可以把他當成一張動態隨時可更動的圖片 掌握 Canvas 繪製圖型 向量概念 三角函數數學 物件導向開發（拆成函件或物件變成小零件，來操作。方便除錯與維護） 點線面構成圖形 用點和 ...