初探 Vue 3.0 Function-based API

從去年年底開始, Vue 3.0 的消息就不斷開始流傳,無論是官方或非官方的消息都有。 尤其在今年 (2019) 六月在 Vue.js 的作者尤雨溪在 VueConf 2019 上海的演講 (投影片 / 錄影),讓我們終於可以一窺堂奧,感受 Vue 3.0 一個比較完整的樣貌。

而其中改變最多,也是爭議最大的一個新特性,當屬 Vue 3.0 Function-based API 了。

閱讀全文

JS 冷知識: 你所不知道的 void

在 JavaScript 裡, void 運算子可以說是存在感最薄弱的一個了,這個運算子只有一個功能,就是接收任意的運算式或值,然後回傳 undefined。 (你沒看錯,就是 undefined)

閱讀全文

談談前端框架

由於瀏覽器與 JavaScript 標準的進展,近年來前端領域可以說是突飛猛進,各種前端框架/函式庫也如雨後春筍般紛紛出現。

常常有人問,「怎麼選擇前端框架」你會怎麼回答?

小孩子才做選擇,我全都要

既然有這麼多人願意開發這些工具,無論理由是什麼,就代表需求確實存在,問題需要被解決。

閱讀全文

談談 JavaScript 的 setTimeout 與 setInterval

相信接觸過 JavaScript 的朋友對於要透過 JavaScript 來控制時間或是實作一個計時器,一定都會想到 setTimeout() / setInterval()

但你知道透過 setTimeout()setInterval() 來計算時間,不僅每個人執行的結果不同,而且誤差還可能相當大嗎? 在正式進入主題前,先來簡單介紹一下 setTimeout()setInterval()

閱讀全文

企業前端框架趨勢論壇之問與答遺珠

先感謝 Will保哥 的邀請,舉辦了一場企業前端框架趨勢論壇的活動,來比較現代主流的三大前端框架 (Angular, Vue, React),因為活動時間限制的關係,下半場讓會眾預先提問的問題,能夠回答的題目並不多 (問券連結點此)。 其中有些我認為還不錯或是有趣的題目,這裡就以 VueJS 推廣者 的角度來談談我對這些問題的看法。

閱讀全文

Vue.js 與 CSS Modules

去年我寫了一篇「從 Vue 來看 CSS 管理方案的發展」來談現代主流前端框架對 CSS 的各種處理方案,相信對 Vue.js 已經熟悉的朋友,都知道 Vue file 裡面是透過「Scoped CSS」也就是 <style> 內的 scoped 屬性來隔離 component 之間的樣式規則。

閱讀全文

利用 Google 試算表 (Google Sheet) 作為外部資料來源

最近收到了奇怪的需求,要把其他單位整理好的 Excel 檔案轉成 JSON 格式,並在網頁上呈現。

由於「懶」是身為碼農的最大美德,當然能用程式解決的問題就不要手動複製貼上,於是想到了可以利用 Google Sheet API 來幫我們解決這類問題。

閱讀全文

VueJS 元件 (Component) 之間資料溝通傳遞的方式

由於 VueJS 採用元件系統 (Component System) 來組織我們的應用程式,元件之間的資料傳遞,一直都是個不容忽視的問題,尤其在過去我們看過太多資料傳遞不當處理的方式,專案隨著時間不斷擴張,變得難以維護,最終導致不得不砍掉重練的悲劇。

閱讀全文

初探 Vue-CLI v3.0

相信不管有沒有用過 Vue 開發的朋友,應該都曾聽過 Vue CLI 這個用來快速建置 Vue 專案的工具。 Vue CLI 這個工具套件現在即將推出 3.0 的版本,當然也有了不少變革與進展,這篇文章就簡單來介紹 Vue-CLI v3 提供了什麼新功能吧。

Vue-CLI 官網: https://cli.vuejs.org

閱讀全文

寫在 IT 鐵人完賽之後

幾個月前在基於 招生推廣 社群分享,我寫了三篇關於 JavaScript 的 this 系列文,課程招生有沒有因此比較順利我是不知道,反正寫下來也當做自我複習。 三篇文章寫完後,貼到前端社群之後就被不少大大、前輩分享出去。 那時候才發現「喔,原來寫文章還真的有人會看 !」

閱讀全文