深入淺出 axios(三):axios 內部 Promise 導致請求延遲
axios 在 GitHub 上有超過 88.9k 的星星,擁有非常大量的使用社群,也有無數的開源貢獻者,但 axios 就因此無懈可擊了嗎?本篇將分享在今年年初一個筆者非常關注的的 PR 內容,而者個 PR 也被正式採納並發布在 axios v0.21.2 當中,就讓我們一起看下去吧!
嗨!我是 Alex Liu,這裡記錄了我自己技術開發上的一些心得、過程。目前主要開發以 Vue.js 搭配 TypeScript 為主,是一個追求有趣技術的偏執狂!
axios 在 GitHub 上有超過 88.9k 的星星,擁有非常大量的使用社群,也有無數的開源貢獻者,但 axios 就因此無懈可擊了嗎?本篇將分享在今年年初一個筆者非常關注的的 PR 內容,而者個 PR 也被正式採納並發布在 axios v0.21.2 當中,就讓我們一起看下去吧!
在 Element-ui 中提供了 $alert、$notify、$message 這些方法,讓我們可以依照需求開啟對話框確認使用者的操作,或是叫出 Toast(或 Snackbar)針對使用者的操作結果進行回饋。但在 Vuefiy,雖然有 VDialog、VSnackber 這些 Component 卻沒有提供這類全域方法使用。這篇紀錄了我在真實專案中用到的解決方法,那就讓我們一起看下去吧!
axios 是一個 Promise based 的 Http 請求工具,他可以運行在瀏覽器環境與 Node.js 中。相信在 AJAX 技術被廣泛應用的今日,稍微有一點經驗的捧油門對他一定都不陌生。上篇對 axios 的核心程式設計做了剖析,這篇要來從 axios 的適配器(adapter,介面)的設計認識 XMLHttpRequest 物件,並且了解 axios 取消請求的設計。那就就讓我們一起看下去吧!
axios 是一個 Promise based 的 HTTP 請求工具,他可以運行在「瀏覽器環境」與「Node.js」中。相信在 AJAX 技術被廣泛應用的今日,稍微有一點經驗的捧油門對他一定都不陌生。因此這系列分享不會特別著重在如何使用 axios,而是針對幾個我覺得 axios 有趣、好用的地方,研究他的原始碼是如何撰寫的,從中吸收寶貴的經驗。那就讓我們一起看下去吧!
動態載入(Dynamic import)可以有效的減少 Webpack 打包後的 bundle size。適當地使用動態載入,將不立即需要的 code 切分至獨立的模塊(chunk)可以在初次載入時帶來更好的使用者體驗。此外 webpack 也為動態載入提供了一些 Magic Comments,讓開發人員能更有彈性的調整各項細節。本篇將一一介紹這些 Comment 的用法並搭配簡易範例來呈現、說明。
Smart Prefetching(或稱 Router Prefetch) 機制改善了使用者等待換頁請求的體驗,他讓頁面切換更為順暢。在 Nuxt.js 中內建的 <nuxt-link> 組件也實做了這項功能,讓我們一起從 Nuxt.js 的 source code 中認識這項技術並從中吸取大神們的寶貴經驗吧!