環境配置：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 繪製圖型 向量概念 三角函數數學 物件導向開發（拆成函件或物件變成小零件，來操作。方便除錯與維護） 點線面構成圖形 用點和 ...

Vue.js 解決了什麼問題？當考慮要不要學習新技術時，要先問自己幾個問題 這個技術解決了什麼樣的問題？羊毛出在羊身上，這個技術之所以被研發出來，必有其因。 這個技術有沒有同類型的替代品？比較各自的優缺點 我花時間成本去學習這個技術，對我有什麼好處？同樣的時間花去學別的技術，是不是更好？ ...

let 與 const 誕生的目的不會汙染全域變數，好方便後續維護、Debug let, const 用來宣告區塊 {} 裡的變數 for迴圈宣告 var改為 let const 唯讀變數，無法去做修改。 let存在於大括號裡面，在大括號外面便會死翹翹。 被全域變數污染的例子1234ul ...