隨著越來越多 JS 開發者的提倡,越來越多人擁抱 ES6(+) 的語法,其所帶來的好處讓許多開發者願意接受。

然而一些新接觸的開發者,在流程控制上會聽聞 Promise 的好處進而開始使用,但較早期的套件會遵循著 node.js style 的 Callback;因此本篇文章將會介紹如何將這類 Callback 利用套件轉成 Promise。

將 JS Callback 轉成 Promise image

Read More →


babel 是現代前端工程師都不陌生的工具,它可以將 ES6 (+) 的語法轉換為 ES5 甚至是更低的版本,利用 babel 可以讓開發者即刻享受到 ES6 語法所帶來的便利性。 然而許多 babel 相關的名詞卻常常困擾想要入門的新手們,因此利用本文簡介那些與 babel 相關的名詞,以 babel 6 為主。

本篇將會會介紹到:

  • .babelrc
  • babel-cli (with babel-node)
  • babel-preset vs. babel-plugin
  • babel-register
  • babel-polyfill
  • babel-plugin-transform-runtime & babel-runtime
  • babel-loader
  • babel-eslint

babel 相關名詞簡介 image

Read More →


Pocket 是一款可以稍候待讀的 app,其漂亮的介面和離線閱讀的功能,使我對於它愛不釋手。 然而從英語語系出發的 Pocket 團隊,雖然在專業版提供全文檢索(full text search)的功能,但是在繁體中文上面還是略顯不足,常常找不到已經封存的文章內容,因此本篇記錄利用 Pocket 儲存到 Evernote 的過程。

從 Pocket 儲存全文到 Evernote image

Read More →


Sublime Text 2 是一套越來越火紅的編輯器,如果你是接觸網頁開發,想必對於這套軟體不陌生,以下分享幾個好用的技巧,都是我自己平常比較常使用的技巧,因為我本身是一個懶得看文件的人,所以就整理這篇與大家分享。

Sublime Text 2 實用技巧 image

Read More →


這是第二屆的 JSDC,由 TonyQ 及三大社群舉辦的聚會,非常幸運的我能順利的利用社群票的機制搶到票,在眾多非常有經驗的強者面前,聽完他們的分享,越感覺自己對於網頁開發充滿了熱情!

2013 JSDC所見聞 image

Read More →


是這樣的,一直想要找一個空間,可以清爽的放 code,可以跟其他人交流
有鑑於系上好朋友們紛紛都建立起自己的部落格,因此我也加入了這個行列。

報著取之於人,回饋之於人的心情,我想要把自己從無到有架設這一個 blog 的過程記錄下來
謝謝那些願意指導我的朋友們!

Read More →