VueJS 各種資料綁定 (data binding) 的方式

大部分資料是從這裡來的: Vue 1.0.0 binding syntax cheatsheet,再加上對 Vue 2.0 補充的部分。

閱讀全文

[VueJS] V1 與 V2 元件實體之差異

狂賀! Vue 2.0 終於正式發佈!

關於 Vue 2.0 的新特性,作者也在官方 Blog - Vue 2.0 is Here! (中文翻譯) 一文中敘述地相當詳細,這裡就不多說。

閱讀全文

VueJS 2.0 升級小幫手: Vue migration helper

Vue JS 自今年四月 (2016/04) 發佈 Vue 2.0 preview 版本至今也有五個月了,在新舊版本的交替之中,開發者最關心的一定是「我的專案能不能升到 Vue 2.0」、「升上去會不會爆」、「專案該用那個版本來開發」,「聽說隔壁那個 ng 升級幾乎等於砍掉重練」 之類的問題。

閱讀全文

[VueJS] 在 v-for 列表中透過 filter 完成搜尋與分頁的功能

最近 Vue.js 正夯,所以手上幾個東西打算用這個來改寫,關於 Vue.js 的基本介紹可以參考小弟的投影片,這裡就不再贅述。

閱讀全文

利用 d3.js 製作 responsive 的長條圖

利用 d3.js 我們可以很輕易地產生我們想要的圖表,以最常見的長條圖為例,只要透過 scale (比例尺) 與 axis (軸線),再加上一點 SVG 的基礎知識,像這樣的長條圖一下子就可以生成。

螢幕快照 2015-12-20 下午12.21.25.png

閱讀全文

利用 Google Fusion Table,不用寫 code 也可以產生主題地圖

感謝台北市政府以及相關人士的努力,在十月中旬的時候,台北市 open data 平台又開放了「台北市住宅竊盜點位資訊」這樣的資料,雖然很多人戲稱房價又要下跌了,但是老話一句,身為有良心的開發者,當然居住安全比房價什麼的還要重要得多

閱讀全文

利用 Google Map 檢視台北市降雨淹水模擬圖

看到前兩天的新聞: 柯文哲想公開易淹水地區 北市府已上網,又剛好有前輩寫了一篇 利用QGIS檢視台北市降雨淹水模擬圖雖然身處房仲業,但身為有良心的開發者不能只想著房價,心想應也可透過 Google Map 來呈現,於是試了一下,順便寫篇記錄。

閱讀全文

[筆記] JavaScript 變數宣告與作用域

大家都知道,JavaScript 的變數有其作用域的範圍,若使用前未經 var 宣告,就會自動變成全域變數 (global variable),而在其 code block 內宣告的變數也只有該 code block 內可以使用。

這次的問題,其實很久以前在 tonyQ 的聚會上就聽他說過了,只是沒想到還真的會遇到 XDDDD

閱讀全文

Taipei D3.js Meetup 小聚分享心得

這次我在 Taipei D3.js Meetup (現在似乎改叫 Visual Thursday) 分享的 Talk 是有關於地理視覺化的簡介,雖然題目聽起來很學術,但其實內容是我這陣子對於 Web GIS 以及地圖視覺化的一些摸索心得分享。

閱讀全文

[JS] [Note] TWD97 標轉換爲 經緯度

因為從臺北市政府資料開放平台 API 拿到的資料是 TWD97 座標格式,所以我們必須要將它轉成經緯度後才能套用至 Google Map 使用。網路上查了很多資料,最後找到最親民的是米蟲大的 PHP 版本,於是就改成寫我最熟悉的 JS。

reference: Vexed's Blog - TWD97 座標轉經緯度

閱讀全文