tag vue.js

標籤
貢獻382
532
05:55 PM · Oct 25 ,2025

@vue.js / 博客 RSS 訂閱

風流倜儻的傷痕 - 使用 Nuxt Kit 檢查模塊與 Nuxt 版本兼容性

title: 使用 Nuxt Kit 檢查模塊與 Nuxt 版本兼容性 date: 2024/9/13 updated: 2024/9/13 author: cmdragon excerpt: 通過 Nuxt Kit 提供的兼容性檢查工具,您可以輕鬆地確保您的模塊與不同版本的 Nuxt 兼容。這將有助於您在開發過程中避免潛在的兼容性問題,從而提升您的開發效率。 cate

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

收藏 評論

喬巴巴 - (通用 Socket.io、push-notification)教你實現 web 網站實時推送系統消息到“電腦任務通知欄”

消息通知是 web 網站的一個基本常規功能。web 網站消息管理模塊一般都是用户主動請求消息通知,即使採用 socket 技術,也僅僅只是在用户瀏覽當前系統網站時,才能發現系統推送的消息通知,這樣很容易造成消息通知不到位,發現不及時。本場 Chat 利用 HTML5 中的 JavaScript Web Notification API 新增功能,它允許 Chrome、Safari、Firefox

socket.io , vue.js , push-notification , nodejs-express

收藏 評論

linwu - 作為面試官,為什麼我推薦微前端作為前端面試的亮點?

點擊在線閲讀,體驗更好 鏈接 現代JavaScript高級小冊 鏈接 深入淺出Dart 鏈接 現代TypeScript高級小冊 鏈接 前段時間陸續面試了一波候選人,其中提到最多的就是微前端方案,微前端不像前端框架的面試題那樣,它更偏重於項目實戰,更加考察候選人的技術水平,不像Reac

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

收藏 評論

霧島聽風 - 前端常用文件下載上傳方法

本文整理了前端常用的下載文件以及上傳文件的方法 例子均以vue+element ui+axios為例,不使用el封裝好的上傳組件,這裏自行進行封裝實現 先附上demo 上傳文件 以圖片為例,文件上傳可以省略預覽圖片功能 圖片上傳可以使用2種方式:文件流和base64; 1.文件流上傳+預覽: input type="file" id='imgBlob' @change='changeIm

vue.js , 圖片上傳 , 圖片下載 , 前端 , Javascript

收藏 評論

zhanle_huang - highchart滾動條使用--highcharts/highstock

highchart滾動條使用--highcharts/highstock 使用目的 1. 需要固定圖例和y軸,但是x軸需要滾動的情況 引入 1. 不能像普通表格一樣引入highcharts,只需要引入highcharts/highstock 2. 使用import HighStock from 'highcharts/highstock' 替換 import HighStock from 'hig

vue.js , highcharts , 前端 , Javascript

收藏 評論

好像還可以 - 分享 vue vxe-gantt 甘特圖拖拽創建連接線的用法及使用

分享 vue vxe-gantt 甘特圖拖拽創建連接線的用法及使用,通過設置 links 定義連接線,from 對應源任務的行主鍵,tom 對應目標任務的行主鍵 0 FinishToStart 結束後才開始,表示一個任務必須在另一個任務開始之前完成 1 StartToFinish 開始到結束,表示從某個過程的開始到結束的整個過程 2 StartToStart 開始後才開始,表示一個活

vue.js , gantt , 前端開發

收藏 評論

曹旭升 - 如何調用 DeepSeek 的自然語言處理 API 接口並集成到在線客服系統

我在業餘時間開發了一款自己的獨立產品:升訊威在線客服與營銷系統。陸陸續續開發了幾年,從一開始的偶有用户嘗試,到如今線上環境和私有化部署均有了越來越多的穩定用户。 隨時近來 AI 大模型的火熱,越來越多的客户,問到過能否把客服系統接入 DeepSeek,或者其它大語言模型。 説幹就幹,看看實現效果吧: 本文將提供一個詳細的示例,展示如何調用 DeepSeek 的自然語言處理 API 接口。我們將以

safari , vue.js , chrome-devtools , npm , Javascript

收藏 評論

視覺派Pie - Huilder X開發-貓耳APP(H5+/MUI/VUE)

前言 近年來國內出現了一些可以讓前端人員編寫移動端App的IDE,Hbuilder X是DCloud推出的一款免費開發工具,最大的亮點是可以開發App,利用html5+技術,結合mui+nativejs可以在雲端打包,主要用到的技術就是HTML5、JS、CSS,一套代碼,即可生成Android和IOS對應的兩種App。最早的App開發只有原生這個概念,Html頁面只是用來做一些簡單的靜態資源展示

vue.js , hbuilder , mui

收藏 評論

子丶不語 - Vue3 組件通信:8種方式,徹底告別組件傳值煩惱!

在Vue應用開發中,組件化開發讓我們能夠構建可複用、易維護的代碼。但隨之而來的就是組件之間如何高效通信的問題。無論是父子組件、兄弟組件,還是跨級組件,都需要合適的通信方式。 1. Props / Emits - 最基礎的父子通信 Props 向下傳遞,Emits 向上傳遞,這是Vue組件通信的基石。 Props 父傳子 !-- 父組件 -- te

vue.js , 數據 , 複用 , 前端開發 , ide

收藏 評論

高級BUG開發 - vue項目下載文件,重命名,監測進度。

摘要:當後台返回一個文件地址給前端,需要前端下載並重命名,展示下載進度。 使用技術:ajax、blob、vue插件file-saver 1、插件 我們不做過多解釋,我們這裏只是使用,這是插件教程地址:http://vuejscomponent.com/pac... 2、項目代碼 import FileSaver from 'file-saver' // URL:文件存放地址,fileName

vue.js , 下載

收藏 評論

niaonao - Vue 頁面傳參方式 Query 和 Params

1. query 與 params 傳參 query 需要和配合 path 屬性使用,攜帶參數會拼接在請求路徑後,效果同 Get 請求方式 http://localhost:8033/Permission/Role/Form?productCode=crm-operateroleId=1roleName=adminroleType=-1roleDesc=%E7%AE%A1%E7%90%86

vue.js , route , 路由 , router , 前端

收藏 評論

jordana - vue 循環數組 數組加索引怎樣實現

一.Vue初體驗: 二.Vue條件命令: 三.Vue循環指令: 四.Vue處理用户輸入: 五.Vue組件初體驗: 六.Vue實例: 七.Vue模板語法: 八.Vue計算屬性: 九.Vue.js偵聽器: 十.Vue.js的class綁定: 十一.Vue style綁定

vue.js , 大數據 , vue 循環數組 數組加索引怎樣實現 , Vue的for循環 , 數據倉庫 , Vue.js的數組對象循環 , Vue的列表渲染

收藏 評論

Victory - JS點擊上傳文件,文件夾以及拖拽上傳

//HTML div class="upload-wrap" @dragover.prevent @drop.prevent="hDrop" input type="file" ref="addFiles" class="file-style" :accept="typeList" name="files" multiple

vue.js , upload , file , 前端 , Javascript

收藏 評論

子丶不語 - Vue3中的Props

Props Props是什麼? Props是組件的自定義屬性,父組件可以通過這些屬性向子組件傳遞數據。子組件需要顯式聲明它期望接口的props,然後就可以像使用內部數據一樣使用它們。 核心特性: 單向數據流:數據只能從父組件流向子組件,子組件不能直接修改props 聲明性:子組件必須聲明它要接受的props 任意類型:可以傳遞字符

vue.js , it , 數據 , 默認值 , 前端開發

收藏 評論

悠悠江水 - swiper 庫在 vue 中的使用

Time:2022-11-08 21:47:20 Author:Gavin Step Fitst: 執行npm i -S swiper@5,添加 swiper 庫,因為 6 可能有 bug,所以用 5 引包(css),在main.js中加入import "swiper/css/swiper.min.css"; Second: 書寫 template 中 DOM 結構 di

vue.js , swiper.js

收藏 評論

子丶不語 - 前端文件下載的N種姿勢:從簡單到高級

文件下載是web開發裏一個非常常見的功能,無論是下載用户生成的數據、圖片、文檔還是應用程序包。前端開發者有多種方式來實現這一需求,每種方式都有其適用場景和優缺點。介紹下幾種比較常用的文件下載方法。 1.a標籤的download屬性 (最簡單) 這是實現文件下載最簡單直接的方式,尤其適用於下載靜態資源或已知URL的文件。 原理: HTML5為a標

vue.js , 文件名 , 數據 , API , 前端開發

收藏 評論

碼廚 - vue3中使用swiper8

最新swiper使用記錄 swiper中文API swiper英文版API 建議看此API "vue": "^3.2.37" "swiper": "8.3.2" 安裝 npm i swiper 在組件中導入swiper import { Swiper, SwiperSlide } from "swiper/vue"; // 這是分頁器和對應方法,swiper好像在

vue.js , swiper.js , Javascript

收藏 評論

兔子先森 - 取消uni-tooltip組件點擊出現的藍色陰影

陰影如下: 在網上各種查找都沒找到答案,最後通過改源碼解決在源碼裏找到最外層的class名,新增tap-highlight-color: transparent;即可 .uni-tooltip { position: relative; cursor: pointer; display: inline-block; -webkit-tap-highlight-color:

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

收藏 評論

OpenTiny社區 - 直播分享|TinyVue 多端實戰與輕量圖標庫分享

TinyVue是一個跨端跨框架的企業級UI組件庫,基於renderless無渲染組件設計架構,實現了一套代碼同時支持Vue2和Vue3,支持PC和移動端,包含100多個功能豐富的精美組件,可幫助開發者高效開發Web應用。 4月22日19點,雲計算高級前端開發工程師,TinyVue 項目成員鄭志超、申君健老師,將為大家分享TinyVue多端模板與模式切換,並與大家介紹TinyVue輕量圖標庫的使用。

vue.js , 組件庫 , 開源 , 前端

收藏 評論

wxp686 - 屏幕適配方案——詳細完整版

適用框架:Vue2/Vue3 適用設備:pc端/移動端 適配策略:動態rem+動態scale 方案效果:可讓頁面在不同屏幕下、放大縮小時保持頁面不變形 效果示例: 當屏幕變化時: 當放大縮小時: 安裝(屏幕適配插件) npm i screen-adapter-plugin 適配寫法(推薦): 寫class樣式時,使用px單位,class內

vue.js , Css , 響應式 , 可視化 , Javascript

收藏 評論

銀之夏雪 - 從底層到實踐:深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上,通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時,Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

收藏 評論

孤月 - 單頁應用的部署方案

本文同步發佈於我的個人博客上 - 單頁應用的部署方案 本文主要簡單講一下單頁應用的開發及部署方法,默認你懂一些服務端知識及nginx知識,如果有任何可以在下方評論留言。 單頁應用 SPA(單頁應用)可以説是這幾年前端領域的一個技能棧了。 單頁應用不同與傳統的多頁面應用,顧名思義,單頁應用整個應用架構中只有一個實際頁面運行,再借助於H5的History API或hash路由來實現前端路由,從而實現了

vue.js , 單頁面應用 , Nginx

收藏 評論

好像還可以 - vxe-table 如何實現鼠標選擇多個單元格的複製粘貼功能,多個區域複製粘貼

vxe-table 如何實現鼠標選擇多個單元格的複製粘貼功能,多個區域複製粘貼,當需要對相同列數的跨行或相同行數的跨列的多個區域進行復制粘貼時,可以通過 clip-config.isAcrossRow 與 clip-config.isAcrossColumn 啓用 https://vxetable.cn template div vxe-grid v-bind=

vue.js , table , 複製粘貼 , 前端開發

收藏 評論

那個誰 - 閒來無事-夏天防止花被渴死

扯淡時間 前段時間,辦了一張流量卡。 有了新的手機號碼那就可以薅一波資本主義的羊毛了,所以我在京東上使用0.1大洋包郵的價格喜提了一個多肉,(在此之前我養過挺多的花,所有的都是忘了澆水被渴死了)此次痛並思痛,一定要讓我0.1大洋的的多肉看到明年的太陽。 思路 養花幾乎不用管,只需要兩件事 充足的陽光:我現在住的距離太陽還是挺近的,陽光的事情不用擔心。 有營養的土和充足的水: 土比

vue.js , esp8266 , raspberry-pi , Python

收藏 評論