Alex Liu's Blog

嗨!我是 Alex Liu,這裡記錄了我自己技術開發上的一些心得、過程。目前主要開發以 Vue.js 搭配 TypeScript 為主,是一個追求有趣技術的偏執狂!

如何在 Vuetify 加入共用的 ConfirmBox

在 Element-ui 中提供了 $alert、$notify、$message 這些方法,讓我們可以依照需求開啟對話框確認使用者的操作,或是叫出 Toast(或 Snackbar)針對使用者的操作結果進行回饋。但在 Vuefiy,雖然有 VDialog、VSnackber 這些 Component 卻沒有提供這類全域方法使用。這篇紀錄了我在真實專案中用到的解決方法,那就讓我們一起看下去吧!

閱讀全文

深入淺出 axios(二):XMLHttpRequest、CancelToken

axios 是一個 Promise based 的 Http 請求工具,他可以運行在瀏覽器環境與 Node.js 中。相信在 AJAX 技術被廣泛應用的今日,稍微有一點經驗的捧油門對他一定都不陌生。上篇對 axios 的核心程式設計做了剖析,這篇要來從 axios 的適配器(adapter,介面)的設計認識 XMLHttpRequest 物件,並且了解 axios 取消請求的設計。那就就讓我們一起看下去吧!

閱讀全文

深入淺出 axios(一):預設 axios 物件、Axios 類別、攔截器

axios 是一個 Promise based 的 HTTP 請求工具,他可以運行在「瀏覽器環境」與「Node.js」中。相信在 AJAX 技術被廣泛應用的今日,稍微有一點經驗的捧油門對他一定都不陌生。因此這系列分享不會特別著重在如何使用 axios,而是針對幾個我覺得 axios 有趣、好用的地方,研究他的原始碼是如何撰寫的,從中吸收寶貴的經驗。那就讓我們一起看下去吧!

閱讀全文

Webpack 動態載入的 Magic Comments

動態載入(Dynamic import)可以有效的減少 Webpack 打包後的 bundle size。適當地使用動態載入,將不立即需要的 code 切分至獨立的模塊(chunk)可以在初次載入時帶來更好的使用者體驗。此外 webpack 也為動態載入提供了一些 Magic Comments,讓開發人員能更有彈性的調整各項細節。本篇將一一介紹這些 Comment 的用法並搭配簡易範例來呈現、說明。

閱讀全文