如何在 Vue 3.0 使用 EventBus

上一篇升級筆記提到,雖然 Vue 3.0 移除了事件處理的 $on, $off 以及 $once 等 API, 然而我們還是可以借助其他方式來達到 EventBus 的效果。

這是今天的主角 Mitt

Mehr lesen

Vue 3.0 升級紀錄

隨著 Vue 3.0 進入到 Beta 階段,而且官方也給出了預計在七月中旬發佈 RC (Release Candidate), 以及正式版即將在八月發佈的明確目標,相信已經有不少朋友都想試試 Vue 3.0 了吧?

最近也 超前部署 花了一點時間將工作專案從 Vue 2.6 升級上 Vue 3.0 Beta,

Mehr lesen

從國師級的專案看開發者的過失

在技術圈打滾了一段時間,各種鄙視鏈看得也不少,時不時就會看到有人問,OO 跟 XX 相比那個比較強啊? 別誤會,我們今天不談什麼框架大亂鬥也不講語言鄙視鏈。

今天在臉書社團看到國師有個新開發的星盤網站,不看還好一看驚為天人。

國師級的專案

Mehr lesen

初探 Vue 3.0 Function-based API

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

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

Mehr lesen

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

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

Mehr lesen

談談前端框架

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

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

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

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

Mehr lesen

談談 JavaScript 的 setTimeout 與 setInterval

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

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

Mehr lesen

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

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

Mehr lesen

Vue.js 與 CSS Modules

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

Mehr lesen

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

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

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

Mehr lesen