tag vue.js

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

@vue.js / 博客 RSS 訂閱

liyl1993 頭像

wayneli - 【VUE + SPA】接口跨域, 攜帶cookie 的解決方案

背景 由於歷史原因，一個站點需要做成完全的SPA應用是非常困難的, 但我們可以在一些比較獨立的業務中使用SPA, 每個SPA應用相互獨立. 這樣在用webpack打包的時候其實是會加快效率，同時不同的業務的依賴也可以不一樣, 方便以後維護. 思考 當我在使用 vue + webpack 開發單頁面的時候，主機host是 localhost, 端口是 8080(可自行更改). 但我的本地開發站

vue.js , httproxy , webpack2

收藏 評論

hooray 頭像

Hooray - 一勞永逸，解決基於 keep-alive 的後台多級路由緩存問題

用過 vue-element-admin 的同學一定很清楚，路由的配置直接關係側邊欄導航菜單的展示，也得益於這種設計思路，幾乎大部分後台框架都採用這個方案，當然也包括了我寫的 Fantastic-admin 這個中後台框架。 但這個方案有個明顯的問題，就是為了實現多級側邊欄導航菜單，則需要將路由配置成多級嵌套的形式，一旦超過兩級，達到三級甚至更多級，就需要增加一個空佈局頁面（Empty.vue）用

vue.js , 後台 , Javascript

收藏 評論

shuirongshui 頭像

水冗水孚 - 沒座！五分鐘帶你學會Vue中的音頻字幕同步播放功能（以VVT格式為例講解）

他們朝我扔泥巴，我拿泥巴種荷花；他們朝我扔巴巴，我用巴巴敲代碼，哦哦哦哦哦... 需求描述 有一個MP3音頻文件，在播放的時候，需要展示對應的字幕給到用户 即為需要做到視頻和音頻同步的效果 如下效果圖 演示地址：http://ashuai.work:8890/19 字幕文件的種類 常見的字幕文件，有三種 1. SRT格式（SubRip Subtitle） 最常見的字幕格式，包含了字幕

vue.js , 音頻 , Javascript

收藏 評論

vleedesigntheory 頭像

維李設論 - vue腳手架多頁自動化生成實踐

前言 在前端開發過程中，常常面對多種業務場景。到目前為止，前端對於不同場景的處理通常會採用不同的渲染方案來組合處理，常見的渲染方案包括：CSR(Client Side Rendering)、SSR(Server Side Rendering)、SSG(Static Site Generation)、ISR(Incremental Site Rendering)、DPR(Distributed Pe

vue.js , 腳手架cli , 多頁面應用 , vue-cli3 , 架構

收藏 評論

u_14457 頭像

clghxq - Vue Prop屬性功能與用法實例詳解_vue.js

文章目錄 一、追本溯源：兩個世界的“語言”差異 1.1 HTML 世界：大小寫不敏感的“寬容”天性 1.2 JavaScript 世界：大小寫敏感的“嚴謹”法則 1.3 “鴻溝”與“橋樑”：Vue 的命名轉換機制 二、核心規則：`kebab-case` 與 `camelCase` 的自動轉換

vue.js , 前端框架 , 前端開發 , HTML , 前端 , Javascript

收藏 評論

u_17148819 頭像

好像還可以 - vxe-tree 樹組件拖拽排序功能的使用教程

vxe-tree 樹組件拖拽排序功能的使用教程，通過 drag 啓用行拖拽排序功能，支持同層級、跨層級、拖拽到子級非常強大的拖拽功能等 官網：https://vxeui.com github：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 同層級拖拽 通過 d

vue.js , tree , 拖拽 , 前端開發

收藏 評論

hiisea 頭像

hiisea - 微模塊-前端業務模塊化探索，拆解巨石應用的又一利器

大家好，我是Eluxjs的作者，Eluxjs是一套基於“微模塊”和“模型驅動”的跨平台、跨框架『同構方案』，歡迎瞭解... 文前聲明，以下推斷和結論純屬個人探索，鑑於本人知識水平所限，謬誤在所難免，懇請各位大佬不吝賜教... 什麼是前端“微模塊”？ Elux中的『微模塊』是指在Web前端工程中，將代碼和相關資源按照不同的業務功能進行歸類和模塊化。 根據業務功能進行模塊化一直以來都是後端的普遍做法，

react , vue.js , 前端工程化 , 前端架構 , 前端框架

收藏 評論

hiisea 頭像

hiisea - 前端架構-分層而治，鐵打的MV流水的C

為什麼在web前端很少有人會提到分層架構，例如經典MVC架構，這是因為瀏覽器誕生之初就只是作為一個後端數據的GUI渲染器。也就是説整體來看，web1.0時代的整個web前端工程就是一個View層，而Model和Controller就是指後端，所以根本無需在web前端工程中去提什麼MVC。 然而web生態發展到今天，瀏覽器越來越強大，賦能越來越多，甚至不亞於一個小型操作系統，這時候的Web前端早已不

react , vue.js , 前端工程化 , 前端架構 , 前端框架

收藏 評論

imwty 頭像

imwty - Nuxt3實戰系列之網絡請求篇

Nuxt3提供了4種方式使得我們可以異步獲取數據 useAsyncData useLazyAsyncData （useAsyncData+lazy:true） useFetch useLazyFetch （useFetch+lazy:true） 4種方式中，其實核心的就是useAsyncData和useFetch。這兩個方法不同於Nuxt2中的asyncData和fetch。接下來我們

vue.js , 服務端渲染 , nuxtjs3 , vue3 , ssr

收藏 評論

charon_5f4765a39cea7 頭像

charon_5f4765a39cea7 - vue 源碼解析(3-2-1,數據響應式)

Vue源碼解析 推薦可以先去看下總結：vue解析總結 之前我們解析了mini-vue的響應式實現，和虛擬dom庫的實現，現在我們就來解析一下vue內部具體是如何做的，看看它在我們簡易實現上增加了什麼。 準備工作： 首先下載一份vue源代碼 地址：https://github.com/vuejs/vue 這個版本是2.6的，分析這個版本的原因： 到目前為止vue3.0正式

vue.js , 設計模式 , virtual-dom , compiler

收藏 評論

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖，能夠通過鼠標去拖拽點，來進行修改圖表 實現 例子基於vue來實現，如果是jq的按照官網的例子即可，配置列表鏈接.，例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

vue.js , highcharts , 前端 , Javascript

收藏 評論

xiaohe0601 頭像

xiaohe0601 - 🧸 前端不是隻會寫管理後台，我用 400 行代碼畫了一個 LABUBU ！

注意看，這個男人叫小何，別小看他，每天晚上 9 點 59 分他都準時打開泡泡瑪特小程序蹲守 LABUBU 搶購。就在剛才，屏幕時鐘倒計時又到 00:00:00 了，他立刻開始狂戳屏幕上的「立即購買」按鈕，切換「購買方式」反覆刷新庫存，熟練的讓人心疼。 可是，現實卻從來沒有什麼“功夫不負有心人”，有的只是無數“黃牛”揮舞着自己的“科技”與小何同台競技。毫無意外，今天的小何依然沒有勝利，看着屏幕上的「

vue.js , canvas , typescript , 前端

收藏 評論

wallace5303 頭像

哆啦好夢 - Electron-egg 1.14.0 發佈，桌面軟件，從未如此簡單

一個簡單、快速、功能豐富的跨平台桌面軟件開發框架。 🏆 碼雲最有價值開源項目 地址：https://gitee.com/wallace5303... 特性 很多小夥伴問可以商用麼？基於本框架開發的軟件，可以商用。 跨平台：一套代碼，可以打包成windows版、Mac版、Linux版或者以web網站運行 簡單高效：支持vue、react、ejs等 工程化：可以用服務端的開發思維，

vue.js , node.js , eggjs , electron , Javascript

收藏 評論

kestrel_task 頭像

微芒不朽 - vue3插槽的本質

引言 插槽（Slots）是 Vue 組件系統中一個強大而靈活的特性，它允許我們在組件之間傳遞模板內容。在 Vue3 中，插槽機制得到了進一步的優化和完善。本文將深入探討 Vue3 插槽的本質，幫助開發者更好地理解和使用這一重要特性。 什麼是插槽？ 插槽本質上是一種內容分發機制。它允許父組件向子組件傳遞任意的模板片段，這些片段可以在子組件內部被渲染到指定的位置。 !-- 父組件 -- templat

vue.js , 前端 , Javascript

收藏 評論

u_17148819 頭像

好像還可以 - vxe-gantt 甘特圖實現產品進度列表，自定義任務條樣式和提示信息

vxe-gantt 甘特圖實現產品進度列表，自定義任務條樣式和提示信息 查看官網：https://gantt.vxeui.com/ gitbub：https://github.com/x-extends/vxe-gantt gitee：https://gitee.com/x-extends/vxe-gantt 效果 代碼 通過 task-

vue.js , gantt , 前端開發

收藏 評論

shijingjing_5ab4aa131e343 頭像

史晶晶 - mac電腦創建的vue項目移動到內網啓動不起來，報vue-cli-service 未找到

在mac電腦上創建了一個vue項目，項目已經寫好了，想移動到內網，在內網卻啓動不起來，報vue-cli-service未找到 首先內網的電腦是windows電腦，外網的電腦是mac，連個系統不一樣，創建出來的.bin文件不一樣。 比如windows電腦創建.bin文件夾中的vue-cli-servie後綴是.cmd, macow電腦創建.bin文件夾中的vue-ci-servic

vue.js , vue-cli3

收藏 評論

t1duz 頭像

胡蘿蔔會飛 - vue響應式原理（底層）超詳細的解讀，手寫響應式原理

vue響應式原理 關於vue響應式原理（底層）原理，今天和大家一起探討研究，結尾附上手敲代碼以及git下載地址，如有不足或不準確請及時留言指正，期待共同進步～ 本文將採用webpack環境進行編寫,項目目錄如下。 index.js: 入口文件 arrar.js: 數組文件 def.js: 定義一個對象屬性 defineReactive.js: 給對象data的屬性key定

vue.js , 響應式 , 前端 , Javascript

收藏 評論

u_9849794 頭像

子丶不語 - Vue3 動態佈局躺贏！這個「拖拽縮放神器」幫我省了80%開發時間

做前端佈局時，你是不是也遇到過這些糟心事兒？想做個可自定義的儀表盤，自己寫拖拽邏輯卡到崩潰；適配不同屏幕時，元素大小調得手麻；好不容易弄好佈局，刷新後又得重新排…… 直到我挖到Grid Layout Plus這個寶藏，這些問題居然一次性全解決了！作為專為 Vue3 設計的柵格佈局系統，它把動態佈局的「難」和「繁」全扛了下來，今天必須把它安利給所有前端小夥伴。

vue.js , 柵格 , 拖拽 , 前端開發 , Layout

收藏 評論

vformadmin 頭像

vformAdmin - Vue表單設計器的終極解決方案

VForm是一個基於Vue 2.0和Element UI的高級表單組件，定位為前端開發人員提供快速搭建表單、實現表單交互和數據收集的功能。 VForm全稱為Variant Form，寓意為靈活的、動態的、多樣化的Vue表單組件。 VForm提供了豐富的組件屬性設置、表單交互事件和API方法，點此體驗：VForm體驗 VForm功能一覽： =======================

formvalidator , vue.js , form , 拖拽 , element-ui

收藏 評論

tingtr 頭像

Tingtr - 【問題合集】UEditor中的樣式和網站樣式相互干擾

背景 在使用UEditor編輯器編輯文本後，保存內容，再在前端頁面展示出來的時候，會發現保存的文本內容為html，與網站的樣式衝突，導致網頁顯示異常。又不能清除編輯器的樣式，所以現在只能將需要展示的文本內容和網站相互隔離開。 解決方案 利用iframe進行頁面嵌入。 iframe加載的頁面和當前頁無關，所以樣式就不會有衝突的情況。 html div class="article" if

vue.js , ueditor , 前端 , Javascript

收藏 評論

webinfoq 頭像

破曉L - 現代 JavaScript 框架工作原理你瞭解多少？

讓我們通過構建一個現代 JavaScript 框架來了解其工作原理。 我的日常工作是開發 JavaScript 框架 (LWC)。雖然我已經在這個框架上工作了近三年，但我仍然覺得自己是個門外漢。當我閲讀大型框架領域的最新動態時，我常常會被自己不知道的事情壓得喘不過氣來。 不過，瞭解某些東西如何工作的最好方法之一就是自己動手創建。另外，我們還得讓那些 “days since last JavaScr

react , vue.js , 響應式 , 前端 , Javascript

收藏 評論

gupan 頭像

早飯君 - vue移動端 px2rem-loader與vux移動端組件庫樣式錯亂，應該使用postcss-plugin-px2rem完美解決

整了半天，還是不能用px2rem-loader這個組件，因為他沒有忽略範圍，要換postcss-plugin-px2rem 1、先npm 安裝postcss-plugin-px2rem插件 npm i postcss-plugin-px2rem --save -dev 2、找到與src同級目錄下的.postcssrc.js module.exports = { "plugins": {

vue.js , px2rem , vux , rem

收藏 評論

songxianling1992 頭像

songxianling1992 - 使用nodejs修改項目package.json版本號

背景：自己的項目在部署上傳之前需要更新版本號才能成功部署 代碼 詳細代碼如下（nodejs簡陋）; 註釋了自動創建分支+提交動作；可根據需求自行使用 //build.js文件 var exec = require('child_process').exec // 異步子進程 var fs = require('fs') var packageJSON = require('./package.j

vue.js , version , node.js , 小程序 , package.json

收藏 評論

opentiny 頭像

OpenTiny社區 - TinyVue 智能組件庫：基於 MCP 協議，實現 AI 代替人操作 Web 組件

本文由體驗技術團隊 Kagol 原創。 2025年6月21日，我在華為開發者大會2025（HDC2025）開源論壇做了一場主題分享，給開發者們介紹我們 OpenTiny 團隊基於 MCP 協議實現 AI 代替人操作 Web 組件的技術。 傳統的 Web 應用都是由人來操作的，用户需要學習幫助文檔，操作成本相對較高，如果能讓 AI 來幫我們操作，我們只需要在關鍵節點進行確認的動作即可，是不是就非常

vue.js , 組件庫 , 前端

收藏 評論