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

閱讀全文

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

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

閱讀全文

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

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

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

閱讀全文