Vue 元件之間的傳話筒 總整理 使用 Vue 建構網站，會越來越多元件，元件之間的溝通非常重要，常常需要傳遞資訊，讓彼此知道，讓資訊流通是一件非常重要的事！ Props 父傳子 Parent => Child Communication $emit 子傳父 自定義事件，Child => Parent Communication Event Bus 類似於 Angular 2 的 services 用法 2019-03-12 vue
FrameWork 7 與 H5 邂逅的雷坑 環境配置：Vue + FrameWork 7 ，外面包一層Apk，做成App供手機測試以下將紀錄在實作時遇到的雷坑及如何解決的。 input 送出按鍵123456789101112131415161718192021<!-- 驗證碼: authenticationCode Start --><f7-list-item v-else> <f7-input typ 2018-12-13 Vue FrameWrok 7
快來架設超潮的NodeBB論壇在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 up official document, and step by step do it, but has 2018-12-10 node.js forum heroku
Vue 元件化概念 Vue 元件化概念 筆記 使用元件化切出複雜頁面 使用vue-router 做耊面 使用 vuex（資料中心）統一狀態更動 元件化 App.vue是大元件 什麼是元件化？ 將網頁依照頁面、功能拆分 小至一個按鈕、大到整個頁面或程式 Single File ComponentVue 元件化概念 新增 / 使用元件 傳遞屬性 props 釋放事件 $emit 元件重用控制 :key 新增 / 使用 2018-11-26
JavaScript ES6 物件 Literal Upgrades：動態命名 ES6 Object Literal UpgradesES6 擴展：物件實體命名，透過[]的方式，可以帶入變數，讓程式碼更好維護、管理。 運用方式：像是對物件裡的屬性命名時，能夠用像是組字串的方式，讓命名名稱更有彈性。舉例：像是我建立一個tShirt的物件，裡面有屬性是Color：color色碼 1234567const key = 'pocketColor';const va 2018-11-25 ES6
JavaScript30/08 | Fun With HTML Canvas 筆記 JavaScript30/08 | Fun With HTML Canvas 筆記 Demo 效果 完成 Day8 需要用到的屬性 Canvas基本屬性 getContext() lineCap lineJoin beginPath()調整色彩、寬度 lineWidth fillStyle strokeStyle繪製屬性 beginPath() lineTo(x, y) stroke() Ev 2018-10-30 js30
Canvas：前端特效動畫的基礎 Canvas 基礎特性 可以自由繪製的元件區域 可以控制每個像素的顏色與繪製 有很高的操控度，就像遙控器 可以把他當成一張動態隨時可更動的圖片 掌握 Canvas 繪製圖型 向量概念 三角函數數學 物件導向開發（拆成函件或物件變成小零件，來操作。方便除錯與維護） 點線面構成圖形 用點和線連成面 根據路徑填色或畫線 Canvas 的座標系方向 原點預設在左上角(0,0)也因為原點在左上角，因 2018-09-13 canvas
為什麼前端要學Vue.js？ Vue.js 解決了什麼問題？當考慮要不要學習新技術時，要先問自己幾個問題 這個技術解決了什麼樣的問題？羊毛出在羊身上，這個技術之所以被研發出來，必有其因。 這個技術有沒有同類型的替代品？比較各自的優缺點 我花時間成本去學習這個技術，對我有什麼好處？同樣的時間花去學別的技術，是不是更好？ 有什麼實際的問題我可以實用這項技術直接解決？ 定義目標以上這些問題是定義目標，除了增強學習動力之外，也是防 2018-09-12 Vue
ES6語法：let、const let 與 const 誕生的目的不會汙染全域變數，好方便後續維護、Debug let, const 用來宣告區塊 {} 裡的變數 for迴圈宣告 var改為 let const 唯讀變數，無法去做修改。 let存在於大括號裡面，在大括號外面便會死翹翹。 被全域變數污染的例子1234ul.list li 1 li 2 li 3 123456const list = document.qu 2018-09-04 ES6
BlueHost Wordpress 如何安裝 Git 版本控制 BlueHost Wordpress 如何使用 Git 版本控制BlueHost 沒有提供Git或相關Git設定的支援，所以我們只好自立自強，以下安裝教學是在 BlueHost shared 環境下設置。 過程中有參考 BlueHost的官方文件，但是安裝失敗，文件並未寫得很完整，在這篇文章將記錄我是如何安裝 Git 的，以下操作環境為 Mac iOS 10.13.1。 為什麼 Wordpress 2018-07-28 WordPress BlueHost