tag react

標籤
貢獻252
334
05:50 PM · Oct 25 ,2025
tuzixiansen_63d4d65909d62 頭像 sysu_xuejia 頭像 refanbanzhang 頭像 data_ai 頭像 changlina 頭像 ruochuan12 頭像 zzd41 頭像 jackysummer 頭像 tosmile 頭像 icecreamlj 頭像 shuirongshui 頭像 assassin 頭像

@react / 博客 RSS 訂閱

tuzixiansen_63d4d65909d62 頭像

兔子先森 - axios多個baseURL封裝+vite跨域代理多個baseURL連接

公共封裝 import axios from 'axios'; import { MessagePlugin } from 'tdesign-vue-next'; import { getStorageToken } from '@/utils/index'; const api1 = axios.create({ baseURL: '/api1' }); const api2 = axio

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vite全局自動導入函數，全局函數

globalProperties全局函數掛載 在vue3項目中，一般使用globalProperties實現全局函數掛載 import { createApp } from "vue"; import "@/style.css"; import App from "@/App.vue"; const app = createApp(App); // 這裏掛載 app.config.globa

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - js根據傳入的時間字符串按照格式轉換並返回

/** * 根據傳入的時間字符串按照格式轉換並返回 * @param { string } dateString 傳入的時間字符串 * @param { string } format 需要轉換的格式 * @param { object } options 配置項 * @returns { string } 轉換後的時間 */ function formatDate(dateStrin

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3封裝一個頁面級的滾動條觸底加載函數

主要參數： ● loading 是否加載中 ● hasMore 是否有更多，根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表的函數，比如getList，該函數是一個async的Promise函數 ● threshold

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3封裝一個容器級的滾頂條觸底加載函數

代碼可直接複製使用，主要用於頁面容器內的滾動觸底加載 主要參數： ● element 滾動容器dom ● loading 是否加載中 ● hasMore 是否有更多，根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3基於vant封裝loading組件

觸底加載的方式 長列表需要觸底加載，觸底顯示loading，加載後loading小時 若長列表為空，則顯示空狀態 加載到底，沒有更多分頁，則顯示“沒有更多了” 這裏我基於vant封裝了一個組件，可直接使用 script setup lang='ts' const props = defineProps({ text: { type: String,

react , vue.js , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - axios雙Token無痛刷新，解決隊列請求、歷史請求問題

雙token無痛刷新機制主要是由一個accessToken和一個refreshToken實現的，請求接口的時候使用accessToken，一旦accessToken過期，立刻用refreshToken請求刷新token接口，拿到accessToken、refreshToken存起來，然後使用accessToken請求接口。 這其中有幾個點需要注意： 當前過期的token如何處理？ 過期

react , vue.js , HTML , 前端 , Javascript

收藏 評論

lingleidejiandao 頭像

另類的剪刀 - Smartproxy提取指南——JSON-first 架構與參數化最佳實踐

本指南以 API 代理 IP 提取為核心，結合參數化設計、JSON-first 接口規範、嚴格的版本管理與狀態碼標準，幫助您構建高成功率、低運維成本、可平滑擴展的數據採集流水線。基於 8000萬+ 住宅代理 IP 資源池、覆蓋 全球 200+ 國家與主要城市、承諾 99.9% 服務可用性，Smartproxy 助力團隊快速上線並在 SLO 驅動下穩定擴容 1。 我們踐行安全、透明、合規的工程方法論

react , typescript

收藏 評論

jueqiangderijiben_xuc2 頭像

老李説技術 - React中useContext的基本使用和原理解析

React 中 useContext 的使用方法 在 React 中，useContext 是一個內置的 Hook，用於在函數組件中輕鬆訪問 Context（全局公共狀態），避免了手動逐層傳遞 props 的複雜性。它依賴於 Context API，通過 Provider 提供數據，後代組件通過 useContext 消費數據。以下是詳細的使用方法和步驟，基於 React 官方指南和實踐經驗。 1

react , 知識 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - css滾動條不佔位-鼠標移入顯示，移出隱藏

鼠標移入顯示滾動條，移出隱藏 css滾動條一般是會佔位的 .container { overflow: hidden auto; ::-webkit-scrollbar { width: 0px; /* 控制滾動條整體寬度 */ } :hover { ::-webkit-scrollbar { width: 6px; /* 控制滾動條

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序圖片上傳-預覽-刪除

貼幾個可在線訪問的圖片數據，圖片數據最好包含id、url、loading、success的狀態 分別對應： id === key url === url loading === 上傳中 success === 上傳成功的狀態 const imgList = ref([ { id:1, url: 'https://fastly.jsdelivr.net/npm/@van

react , vue.js , HTML , 前端 , Javascript

收藏 評論

grapecity 頭像

葡萄城技術團隊 - 迎接下一代 React 框架：Next.js 16 核心能力解讀

迎接下一代 React 框架：Next.js 16 核心能力解讀 Next.js 16 現已正式上線，帶來了緩存組件（Cache Components）、Turbopack 穩定版、精細化緩存等重磅特性。 框架此次並未追求大規模重構，而是聚焦基礎能力優化------更快的構建速度、可預測的緩存機制、更智能的路由邏輯，以及更清晰的開發可視化體驗，讓開發者的日常開發更順暢。此前多個測試版中的特性如今

react

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp文件下載，支持docx、pdf等通用office格式

可以預覽並下載如下格式：doc, xls, ppt, pdf, docx, xlsx, pptx 其實過程很簡單，可以實現預覽和下載兩個功能 1、拿到一個可以下載的url連接 2、uni.downloadFile獲取文件的臨時路徑 3、uni.openDocument打開文件，進入打開文件的界面後就可以另存為了 let url = `https://test//fi

react , vue.js , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 移動端emoji輸入組件

主要流程 前端emoji組件一般用在聊天輸入界面，點擊表情，整個輸入框被彈起，顯示emoji界面，點擊其它位置，emoji界面自動關閉，這其中有一些注意點： 1、點擊emoji，emoji界面從底部彈起，輸入框也要同步顯示 2、二次點擊emoji圖標，emoji界面關閉(你也可以切換鍵盤輸入) 3、點擊輸入框，鍵盤彈起，emoji界面關閉 4、點擊emoji界面的其它位置（

react , vue.js , HTML , 前端 , Javascript

收藏 評論

ruyadehuangdou 頭像

深漂程序員悟飯 - 基於Next.js與多AI模型的小紅書智能創作系統

小紅書AI創作系統 項目概述 小紅書AI創作系統是一個面向小紅書創作者的綜合工具平台，提供多種實用工具和功能來提升創作效率。本項目使用最新的 Next.js 15 和 React 19，結合多個 AI 模型，為創作者提供智能化的創作輔助服務。 一、技術棧 Next.js 15.1.4 (使用 App Router) React 19 Tailwind CSS 3.4.17 TypeScr

react , next.js

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3前端pdf直接預覽

安裝依賴 npm i vue-pdf-embed 頁面結構 vue-pdf-embed :source="state.source" :style="scaleFun" :page="state.pageNum" @rendered="pdfRendered" @rendering-failed="pdfRendered" / 使用 script setup lang="t

react , vue.js , typescript , 前端 , Javascript

收藏 評論

fkcaikengren 頭像

瘋狂踩坑人 - 400行mini-react，圖文解説React原理

引言： 在我學習React原理的時候，一上來看的非常全而細節的書/博客（頭大），或者是看的教你實現一個簡單mini-react（還是一知半解），最終學的痛苦又效果不好。所以，寫了這篇博客，希望能幫助您入門React原理。此外，在我看來，這篇文章幫助你應付面試完全足夠了。 説明： 本文章主要圍繞Zachary Lee的 400行實現mini-react 項目進行分析，結合圖文詳細分析

react , 面試 , 教程 , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序pinia持久化緩存

HBuilder X自帶pinia，無需我們手動安裝。 我們通過pinia-plugin-persistedstate插件來實現pinia的持久化緩存 npm i pinia-plugin-persistedstate 本身 pinia-plugin-persistedstate 是不支持 uniapp 的，但是 pinia-plugin-persistedstate 提供了修改 s

react , vue.js , HTML , 前端 , Javascript

收藏 評論

yayu 頭像

冴羽 - 為什麼在 JavaScript 中 NaN !== NaN？背後藏着 40 年的技術故事

1. 前言 初學 JavaScript 的時候，經常會遇到一些令人困惑的現象，比如： console.log(NaN === NaN); // false console.log(NaN !== NaN); // true 為什麼一個值會不等於它自己呢？ 今天，我們就來深入探究這個問題。 2. NaN 的本質：一個特殊的“數字” NaN 其實是 Not a Number 的縮寫，表示它不是一個數字

react , node.js , typescript , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 微信小程序用户隱私保護指引設置

協議完善 我們在小程序開發過程中或多或少會使用帶用户隱私API，比如獲取用户頭像、暱稱，用户手機號等等，這些API必須完善用户隱私指引才能正常調用，否者正式版本使用會報錯或者無法過審。 僅有在指引中聲明所處理的用户信息，才可以調用平台提供的對應接口或組件。若未聲明，對應接口或組件將直接禁用 完善的入口如下： 根據實際情況，勾選對應的選項，勾選完後進入界面完

react , vue.js , HTML , 前端 , Javascript

收藏 評論

yayu 頭像

冴羽 - 從 useState 到 URLState：為什麼大佬們都在刪狀態管理代碼？

1. 前言 當你打開這個網址時： https://prismjs.com/download.html#themes=prismlanguages=markup+css+clike+javascriptplugins=line-numbers 你會發現，所有你需要的主題、語言、插件已經被自動勾選： 當你在頁面修改配置時，URL 也會隨之改變。 你看，這個 URL 不僅僅是一個鏈接，更是一個完整的狀

react , vue.js , node.js , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 微信AI小程序認證基本流程：認證、完善類目、微信認證

認證類型 認證層面的： 1、申請小程序賬號 2、完善小程序基本信息 名稱 簡介 頭像 介紹 3、完善類目 4、微信認證，認證需要公司主體信息、300塊錢認證費 可能你在開發中還無需微信認證這一步，但上架是需要的，到這裏基本的認證就結束了，然後是開發層面的。 開發層面的： 1、服務器域名配置，如果沒有配置則體驗版本接口無法調用，線上版同理

react , vue.js , HTML , 前端 , Javascript

收藏 評論

geeklab 頭像

科韻小棧 - React Props指南：從基礎到高階應用的最佳實踐解析

在 React 中，Props（屬性）是組件間通信和數據傳遞的核心機制。通過合理使用 Props，開發者可以構建動態、可複用且易於維護的組件體系。本文將深入探討 Props 的核心概念、使用方法及最佳實踐，幫助開發者全面掌握這一重要特性。 一、Props 的核心概念與作用 定義與特性 Props 是 "Properties" 的縮寫，代表傳遞給組件的只讀數據塊，其核心特性包括：

react , 前端

收藏 評論

huangmingji 頭像

黃明基 - 跨平台桌面應用開發：解鎖 Electron 與 shadcn/ui 的潛力

本文部分內容使用豆包AI進行撰寫和潤色 在當今數字化轉型加速推進的時代，桌面應用程序作為各行各業的關鍵支撐，持續發揮着不可替代的作用。從醫療領域專業精準的影像診斷軟件，助力醫生快速洞察病情、制定治療方案；到建築設計行業複雜且功能強大的建模工具，將設計師腦海中的藍圖完美轉化為虛擬模型；再到電商運營不可或缺的店鋪管理軟件，高效處理訂單、庫存等海量數據，桌面應用憑藉其對本地資源的深度掌控、卓越的性

react , 前端

收藏 評論