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
為Heroku 上傳的圖片找新的空間:Amazon S3,就決定是你了。 我用Ruby on Rails寫了一個CRUD網路相簿的網站,主機採用Heroku提供的服務。但是有一個缺點,Heroku不提供檔案儲存的空間,每過一段時間就會洗白一次。講白話一點就是:我上傳的相片過一段時間就會不見了,我得為我的相片找新的空間存放才行。這裡使用的是Amazon S3 storage服務,可以自動上傳到S3空間 20180723 更新,Amazon 有更改介面,故 S3 Acce 2018-07-23
神奇的migration 生成器 | Ruby on Rails 5 神奇的migration 生成器 | Ruby on Rails 5參照著格式便可以自動產生Migration檔(包含格式與欄位及型態) 12rails g add_xxx_to_資料表 [field:type][:index]rails g remove_xxx_to_資料表 [field:type][:index] 同時可以設定我們需要的欄位,我想要新增一個fee欄位到users的Table下 2018-07-20 migration rails
如何使用 Hexo + Github Page 自訂網域名稱 + Cloudflare SSL 免費憑證 如何使用 Hexo + Github Page 用 Cloudflare 綁定個人網址本篇適用於用Hexo框架架設在Github Pages上,但想要綁定自己買的網址。由於Github Pages 產生的個人網址太長,對 SEO 不友善,不是這麼好被搜尋引擎收錄, 步驟 Github Repo 設定 Custom Domain 在 Repo專案下新增 CNAME,完成網址綁定 用 Cloudfla 2018-07-08 Hexo Hexo CloudFlare
Macbook Pro 2017版,外接兩個螢幕 | 全攻略 Macbook Pro 2017版,外接兩個螢幕 | 全攻略 為什麼要外接兩個螢幕?架設三個螢幕的用途是:最左邊 Mbp 顯示程式結果、中間 20吋 主要寫 Code、右邊24吋螢幕能垂直擺放,用來查資料。多螢幕用途是為了不讓注意力被分心,提高工作效率。 如果你也認同這一點,也希望提高工作效率,那麼你可以考慮購買雙螢幕。 下列將介紹我是如何用Macbook Pro 2017 外接兩個螢幕其中在 2018-07-03 Macbook Pro 外接螢幕
複製 Production 真實環境資料,模擬超逼真測試 | Rails 5 為了擬真測試,我們往往需要更真實的數據,採取的作法是:將 Production 真實性的資料庫複製一份至 local 端測試,本文採取直接用Postgresql操作,並紀錄當下遇到的問題及解決辦法。 將要測試的資料庫(例如:production)匯出成sql將原始production資料庫:database_name,匯出成「database_name-20180612.sql」檔案 (註:通常 2018-06-13 scp server production data into local copy production data transfer to staging