Contributes13
Followers0
原文：https://lwebapp.com/zh/post/p... 需求 小編之前提過一個在線 Python 工具，核心技術是用到了一個叫 Pyodide 的庫，能夠讓 Python 在網頁上運行，但是小編在學習過程中發現，並不是所有 Python 內置庫或者擴展庫都能運行，比如 requests是不支持的。 根據這個 issue 下的討論，requests依賴於 Lib/http.clien
Nickname OpenHacker
背景與總結 先説結論： 有很多所謂的最佳實踐告訴你這個觀點，但其實這個觀點是非常片面的，甚至在大部分場景下他是錯的。 聲明一下： 本文通過幾個案例説明部分同行觀點的片面性，分析了這種觀點出現原因，涉及一點vue的渲染原理。最後給出作為個人為了避免困擾，可以採取的相對最近實踐（因人而異）。 分析 很多文章給出的理由是：mounted回調函數被調用的時候，組件已經被掛載到了DOM上，而比mounted
Nickname lpicker
各位前端er們，用了那麼久的再熟悉不過的接口請求，有沒有覺得不妥？？？你可能會覺得，這有什麼不妥，不就axios.get一下，fetch一下，請求就發出了嘛，然後再處理返回的數據，完事。真有這麼簡單嗎？問題來了，針對不同場景下的請求需求，真的可以統一這樣處理就完事嗎？我們來聊聊請求這事兒！ 聊聊前端請求的場景 我們先來聊聊前端請求的各種場景，以下是一些做請求時遇到的高頻場景。 什麼時候發出請求
Nickname 愛編程的小金
alova？這是個什麼鬼？ 你沒聽説過也是很正常，它是一個RSM實現庫，用於解決在MVVM項目下的不同請求場景下的問題，同時也可以幫你管理服務端狀態。 它就像一個axios的武裝庫，為axios插上了翅膀。 詳細瞭解RSM可參考 RSM：超實用的多場景請求管理方案 這篇文章作為vue+alova的基礎入門篇，你可以瞭解到以下內容： alova如何處理頻繁請求、跨模塊更新服務端狀態、模糊搜索
Nickname 愛編程的小金
獲取 fetch 返回數據 Fetch API 提供了一個 JavaScript 接口，用於訪問和操縱 HTTP 管道的一些具體部分，例如請求和響應。 它還提供了一個全局 fetch() 方法，該方法提供了一種簡單，合理的方式來跨網絡異步獲取資源。 這種功能以前是使用 XMLHttpRequest 實現的。 由於以下原因，我們在判斷後端返回數據時候，如果 HTTP 狀態碼錯誤，可能判斷比較麻煩。
Nickname 前端老兵
效果 index.html !DOCTYPE html html head title圖片上傳示例/title meta charset="utf-8" script src="upload.js"/script style *{ padding: 0;
Nickname TANKING
你是否想要用 TypeScript 編寫更安全，更可靠，更簡潔的 HTTP 客户端代碼？如果你的答案是肯定的，那麼你一定會喜歡 class-fetch 這個庫。 class-fetch 是一個用 TypeScript 編寫的 js 庫，用於生成 HTTP 客户端。它基於 fetch，支持瀏覽器和 nodejs 運行時。它使用裝飾器來簡化請求參數和返回值的處理。它使用 class-transform
Nickname 是水
前不久組內的萌新用不知道從哪裏學來的技術，説要封裝一套 axios 庫供大家使用。 等他開發完，在 code review 環節，大家看到他寫的代碼都面面相覷，不知道該如何評價。 我一時間也不知道該如何評價，只能提醒他不要寫死代碼，目前 axios 還沒入選開源庫，後期有可能換成其他替代品。 會後我專門到網上搜一番，發現二次封裝 axios 的案例確實不少，但給我感覺其實都半斤八兩，不見得哪個更優
Nickname zaoying
如何用fetch發起post請求 下面是一個用fetch發起的post請求示例： fetch('/api/add', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ name: 'tomcat', }), }) .then(res
Nickname 熱飯班長
問題 當後端需要我們上傳文件時，一般會用form-data的類型。 接口文檔像這樣： 目標是發出這樣一個請求： 代碼示例 // file從input為file的輸入框獲取 const formData = new FormData(); formData.append('code', 'xxx') formData.append('index', "xxx"); formData.
Nickname 熱飯班長
@tanstack/react-query@5.35.5 1. isPending isLoading isFetching 傻傻分不清 const { data: knowledgeList, isFetching: loading } = useQuery({ queryKey: ['knowledgeList'], initialData: [], gcTime:
Nickname assassin_cike
因為再開發中遇見一個問題，前端發起一個請求之後，服務端很久沒響應，然後前端又重新發起了 其實很簡單 如果是fetch let controller = null controller controller.abort() // 取消請求 controller = new AbortController() const data = fetch('https://xxxxx',{ sig
Nickname kkw凱凱王
本文不贅述具體概念，通過具體案例效果，學習sse （Server-SentEvents）的具體實現，以react框架為例 SSE具體應用場景 SSE（Server-Sent Events，服務器推送事件）是一種基於 HTTP 的單向實時通信協議，核心特點是服務器主動向客户端推送數據，客户端僅被動接收，無需頻繁輪詢，且天然支持斷線重連、事件標識等特性。其應用場景主要集中在 “服務器需主動向客户端推送
Nickname 水冗水孚
在前端開發中，處理 HTTP 請求是一個常見且重要的任務。JavaScript 提供了多種方式來發送網絡請求，其中最受歡迎的兩種方式分別就是 Fetch API 和 Axios。儘管兩者都能完成同樣的任務，即從客户端向服務器發送請求並接收響應，但它們在使用方式、功能及靈活性方面各有千秋，下面我們簡單瞭解下。 1. 基礎介紹 Fetch API Fetch API 是現代瀏覽器內置的一個標準 Jav
Nickname 火爆的鍵盤
摘要 前端發起網絡請求的幾種常見方式包括： XMLHttpRequest (XHR)： 這是最傳統和最常見的方式之一。它允許客户端與服務器進行異步通信。XHR API 提供了一個在後台發送 HTTP 請求和接收響應的機制，使得頁面能夠在不刷新的情況下更新部分內容。 Fetch API： Fetch API 是一種新的 Web API，提供了一種更強大、更靈活的方式來發起網絡請求。它使用 Promi
Nickname TANKING
JS Navigator.sendBeacon 可靠的、異步地向服務器發送數據 前言 我們在上一篇頁面訪問頁面關閉數據上報的文章中使用了 sendBeacon 方法用來發送數據，上篇文章是簡單使用，那本篇文章我們就詳細瞭解下這個東西。 一、Navigator.sendBeacon 是什麼能做什麼？ Navigator.sendBeacon 是一個用於發送少量數據到服務器的 API，尤其適用於在頁面
Nickname 月恆