[筆記] Google 街景 API 加入圖標與預設角度計算

相信大家都知道 Google Map 在多年以前就開放了「街景檢視」這樣的服務,當然 Google Map API 也提供了給開發者使用相關的 API 服務:「Street View Service」來開發地圖的應用。

閱讀全文

透過 Vue-CLI 建置專案時,自動切換 devtools 的 debug 環境

Vue 提供了相當好用的 debug 工具 (Chrome 套件), Vue.js devtools,在安裝之後當你用 Chrome 開啟 Vue 專案時,Chrome 的開發者工具會多出一個 Vue 的 Tab,然後把 Vue Instance 裡的屬性通通列出來:

閱讀全文

利用 Yarn 安裝 Vue-cli

這兩天 JavaScript 圈子的最大新聞應該就是 Facebook 發布了一套新的 JavaScript 套件管理工具 Yarn,感覺來勢洶洶勢不可擋。 實際花了一點時間試用,表現的確也比過去 npm 好很多,尤其過去 npm install 速度過慢,套件相依衝突的問題,目前在 Yarn 還沒遇到。 即使是剛開始 yarn run scripts 無法帶入參數的問題,在發布的第二天也快速地更新 (v0.15.1) 解決了。 👍

閱讀全文

[筆記] 透過 Composition Events 增強非拉丁語系輸入法對輸入框的支援

最近在爬 Vue 的原始碼的時候,意外發現兩個沒看過的 event:compositionstartcompositionend。 查了一下 MDN 才發現這些叫做「Composition Events」的 event 是從 DOM Level 3 之後才新增的。

閱讀全文

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 平台又開放了「台北市住宅竊盜點位資訊」這樣的資料,雖然很多人戲稱房價又要下跌了,但是老話一句,身為有良心的開發者,當然居住安全比房價什麼的還要重要得多

閱讀全文