Alex Liu's Blog Tag:JavaScript

共有 7 篇與 JavaScript 相關的文章。 或前點這裡看看更多文章標籤: 標籤總覽

如何在 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 有趣、好用的地方,研究他的原始碼是如何撰寫的,從中吸收寶貴的經驗。那就讓我們一起看下去吧!

閱讀全文

Intersection Observer API 使用筆記

Intersection Observer API
Intersection Observer API

剛進入業界時,為了提高網頁的效能以及更豐富的網頁互動效果,會利用 bLazy.js 實作圖片延遲載入或是用 waypoints.js 執行間單的進場效果。不過後來發現 Intersection Observer 這個瀏覽器原生的 Web API 讓這一切變得更簡單使用而且效能也更好。

閱讀全文