tag vue.js

標籤
貢獻382
569
05:55 PM · Oct 25 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 u_17148819 頭像 u_9849794 頭像 8848_62c77d4bb2532 頭像 u_15967048 頭像 tanking 頭像 refanbanzhang 頭像 kangkaidafangdezi 頭像 kestrel_task 頭像 u_16307147 頭像 u_13738137 頭像

@vue.js / 博客 RSS 訂閱

tuzixiansen_63d4d65909d62 頭像

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

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

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

收藏 評論

linzai_6904290569daa 頭像

臨在 - Vue.js 第一章學習筆記

前言 最近在深入學習 Vue.js設計與實現 ，深感“理解設計理念”比“記憶API用法”更為重要。 我決定通過文章來記錄和輸出學習內容，這不僅是為了檢驗自己的理解程度，更是為了梳理Vue.js背後的核心思想和實現機制。希望這種“知其所以然”的探索，能為你帶來啓發。 1.1命令式和聲明式 首先什麼是聲明式和命令式,看接下來我們要做的事 獲取 id 為 app 的 div 標籤 它的文本內容為

vue.js , 前端

收藏 評論

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

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

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

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

收藏 評論

kangkaidafangdezi 頭像

多客Duoke - 婚戀相親交友/同城交友/源碼小程序搭建及方案

在快節奏的現代生活中，社交圈狹窄、脱單困難成為普遍痛點。蓬勃發展的婚戀市場，尤其是線上相親平台，正成為尋找愛情的重要渠道。婚戀相親交友小程序憑藉 VIP會員功能、女神守護功能、邀請賺錢功能 等特色，為用户帶來全新交友體驗。 一.UNIAPP+PHP打造婚戀行業新基建 1.UNIAPP前端優勢： 跨平台開發： 一套代碼即可覆蓋iOS、Android、Web、微信小程序等多端

vue.js , MySQL , 小程序 , php , Nginx

收藏 評論

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

收藏 評論

xiaohe0601 頭像

xiaohe0601 - 🥳 Uni ECharts 2.1 發佈：正式支持鴻蒙，零成本遷移、全平台兼容、跨端開發零負擔！

Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件，無需繁瑣的步驟即可輕鬆在 uni-app 平台上使用 echarts。 官網 文檔：https://uni-echarts.xiaohe.ink Github：https://github.com/xiaohe0601/uni-echarts 🏝️ 背景 🎵 “本來應該從從容容遊刃有餘，現在是匆匆忙忙連

vue.js , uni-app , echarts , typescript , 前端

收藏 評論

8848_62c77d4bb2532 頭像

Java陳序員 - 輕量高效！一款輕量級的自託管服務器監控工具！

大家好，我是 Java陳序員。 在企業開發中，涉及眾多的服務器資源，一款好用的服務器監控工具能讓運維效率事半功倍。 今天，為大家推薦一款輕量級的自託管服務器監控工具，具備資源佔用低、部署簡單和功能實用的特點！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 Komari 是一款輕量級的自託管服務器監控工具，旨在提供簡單、高效的服

vue.js , github , Linux , Docker , go

收藏 評論

kangkaidafangdezi 頭像

多客Duoke - 線上線下暢玩無阻，找到你的專屬搭子，實現“全域陪玩系統”！

陪玩行業風頭正勁，想要從中脱穎而出，打造爆款陪玩平台，除了優質的陪玩資源和良好的用户體驗，更需要一套功能強大、穩定可靠的陪玩小程序源碼作為支撐。 以下將從源碼角度，分享一些打造爆款陪玩平台的秘訣： 一、核心功能模塊：雙重用户體系：陪玩者（服務提供者）與需求者（服務購買者）同城定位服務：基於 LBS 的附近陪玩者推薦服務分類展示：線上陪玩（遊戲、聊天、才藝展示）與線下陪玩（觀影、運動、

vue.js , MySQL , 小程序 , php , 源碼

收藏 評論

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

收藏 評論

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

收藏 評論

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

收藏 評論

zohocrm 頭像

Python最棒 - 別再亂選!2025年六大優質CRM品牌推薦

客户關係管理(CRM)系統已經成為企業提升競爭力的核心工具，然而面對市場上琳琅滿目的CRM產品，許多企業在選擇時常常感到困惑：功能太多不知如何取捨，價格差異大不知是否物有所值，實施難度不明確擔心投入打水漂。作為深耕CRM領域多年的從業者，我將為您深度解析2025年六大優質CRM品牌，幫助您找到最適合企業發展的那一款。 一、為什麼CRM選擇如此重要？ 在展開品牌推薦之前，我們需要明確一個事實：CRM

vue.js , chrome-devtools

收藏 評論

tuzixiansen_63d4d65909d62 頭像

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

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

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

收藏 評論

huichangkudelingdai 頭像

灰常酷的領帶 - Hadoop在中國AI時代的轉型

隨着人工智能（AI）技術的迅猛發展和國家“數字中國”戰略的深入推進，中國大數據產業正經歷從規模擴張向智能驅動的深刻轉型。作為大數據基礎設施的核心組成部分，Hadoop平台自2008年引入中國以來，已在金融、電信、製造、醫療等多個行業廣泛應用。然而，在AI時代對實時性、智能化和多模態數據處理能力提出更高要求的背景下，傳統Hadoop架構面臨嚴峻挑戰。本文結合當前技術演進趨勢與行業實踐，系統分析Had

vue.js , 前端 , 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

收藏 評論

opentiny 頭像

OpenTiny社區 - 不止按鈕和表格！TinyVue 偷偷上線 Space 組件，直接搞定「彈性+間距」佈局

本文由TinySpace組件貢獻者夏雯斐同學原創。 前言 近期，TinyVue正式發佈 v3.27.0版本，這次版本更新也增加了很多新特性，space組件就是其中比較重要的一個特性。 Space組件 是 OpenTiny Vue組件庫中的一個佈局容器組件，用於在子元素之間提供靈活的間距控制。 它支持水平與垂直方向排列、自動換行、對齊與分佈控制、以及順序調整等功能，能幫助開發者輕鬆實現響

vue.js , 組件庫 , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

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

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

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

收藏 評論

u_16307147 頭像

米女巫 - JavaScript中undefined的特點

1、undefined既是JavaScript中的原始數據類型之一，也是一個原始值數據 對於有編程經驗的朋友來説，undefined是JavaScript的原始數據類型之一這一點毋庸置疑，沒有什麼可以贅述的，因為ECMAScript規範中就將undefined定義為原始數據類型之一。 undefined也是一個原始值數據，我的理解是，當一個聲明瞭但是未初始化的變量會默

vue.js , 數據類型 , 作用域 , 賦值 , 前端開發

收藏 評論

laxnogithub 頭像

laxnogithub - 前端-圖片壓縮，基於vue/webpack的tinypng插件

介紹/info auto compress img by tinypng when used webpack or vue This plugin can record the compression and will not recompress the file if it is not updated 適用於vue和webpack的tinypng插件，支持調整圖片尺寸 能夠根據記

vue.js , plugin , webpack , npm , Javascript

收藏 評論

seanshi_fe 頭像

Sean - 從硬編碼到 Schema 推斷：前端表單開發的工程化轉型

一、你的表單，是否正在失控？ 想象一個場景，你正在開發一個“企業貸款申請”或“保險理賠”系統。 最初，頁面只有 5 個字段，你寫得優雅從容。隨着業務迭代，表單像吹氣球一樣膨脹到了 50 多個字段：“如果用户選了‘個體工商户’，不僅要隱藏‘企業法人’字段，還得去動態請求‘經營地’的下拉列表，同時‘註冊資本’的校驗規則還要從‘必填’變成‘選填’……” 於是，你的 Vue 文件變成了這樣： temp

vue.js , 教程 , typescript , 前端

收藏 評論

Itstars 頭像

新茶十九 - 高德地圖在 Web 端的兩大核心渲染技術：WebGL 和 Canvas

高德地圖在 Web 端的兩大核心渲染技術：WebGL 和 Canvas。 這是一個關於底層渲染引擎的選擇，直接影響地圖的性能、效果和兼容性。簡單來説，這是一個 “增強模式” vs “兼容模式” 的關係。 🆚 核心區別對比 特性 WebGL 渲染 (高級模式) Canvas 2D 渲染 (兼容模式)

vue.js , API , 3d , webgl , 前端開發

收藏 評論