[Vue.js] Basic

什麼是Vue?

Vue 是一個前端框架(framework),他的出現目的是為了更有組織性且簡化Web開發。在這之前其實有其他的框架,如Google所支持的Angular,或是Facebook所開發的React框架,不過Vue在社群的活絡程度不遜於前面兩者,是有潛力的一套framework。
模板語法是 Vue 的主要特色,同時有雙向數據綁定的功能,採用MVVM的結構。

Read more

[Canvas] 入門

Go!

特性

  • 可自由繪製元件區域
  • 可控制每像素的顏色與繪製
  • 有較高的操控度
  • 可動態改寫圖片
Read more

[Canvas] 座標系操作

坐標系轉移

繪製同樣的圖形有相同的座標,我們可以透過座標系轉換,繪製在不同的位置/角度。

轉移方法

  • Translate(x,y): 相對當下位置偏移(x,y)
  • Rotate(deg): 以當下位置為中心(相對於原點)旋轉的角度(deg)
  • Scale(x,y): 以當下位置為中心(相對於原點)作縮放(x,y)
Read more

[CSS] Flexbox 排版

前言

這篇要討論的是比較新式的排版-FlexBox
FlexBox為了適應不同螢幕尺寸和顯示設備而生的布局模式。現在因為手機普及,使用者大多用手機上網,為了改善使用者體驗,寫網頁需要考量到網頁呈現在手機上的排版方式。

Go!

Read more

[JavaScript] Date& Timer

前言

定時器和倒數計時器所用到: Date()setTimeout()setInterval()這幾個方法來完成,算是蠻常用到的。

Date()

Date()是JavaScript 原生的時間方法,它以國際標準時間(UTC)1970年1月1日00:00:00作為時間起點,單位為毫秒

Read more