tag vue.js

標籤
貢獻371
388
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 訂閱

u_16739385 頭像

夢的點滴 - 前端微應用：qiankun 接入與部署實踐

隨着項目越做越大，團隊協作越來越困難——改一處代碼影響全局，每個團隊都得用同樣的技術棧，發佈還得整體部署。這些問題在做企業級中台系統時特別明顯，後來接觸到微應用架構才找到解決方案：把一個大應用拆成多個獨立的小應用，各自開發、部署，最後再整合到一起。qiankun 就是目前最成熟的微應用框架，基於 single-spa 封裝，對 Vue、React 等框架兼容性很好。 一、微

vue.js , 加載 , Vue , access , 前端開發

收藏 評論

pugongyingxiangyanghua 頭像

蒲公英想養花 - 自定義組件（原創）——組合Ccombine

本組件中使用到了iview的Icon，可以在全局安裝了Iview的項目或者局部引入了Icon的頁面中自由使用。 目錄 效果展示 功能描述 結構代碼 邏輯代碼 組件應用 事件鈎子 github 效果展示 從左到右分別是：未選中狀態、鼠標懸浮、選中、添加組合按鈕 功能描述 添加/刪除組合 單擊聚焦組合 雙擊修改組合名字 切換下一個組合或者新增組合時上一個

組件設計 , vue.js , stylus , iview , 前端

收藏 評論

turing_interview 頭像

圖靈訪談 - 知乎pure render專欄創辦人@流形：選擇React這條路，很慶幸

本文僅用於學習和交流目的，不得用於商業目的。非商業轉載請註明作譯者、出處，並保留本文的原始鏈接：http://www.ituring.com.cn/Art... 陳屹（流形） 前端架構師，就職於阿里巴巴。熱衷開源事業，長年專注於前端架構、數據可視化、Node.js等領域，知乎專欄pure render的創辦人。 segmentfault社區活躍地址：https://segmentfault

react , vue.js , 圖靈訪談 , 開源項目介紹

收藏 評論

apifox 頭像

Apifox - 如何使用mock.js實現接口測試的自動化？

Mock.js 基礎用法介紹 Mock.js是一個常用於生成隨機數據和攔截Ajax請求的JavaScript庫。本文將介紹Mock.js的用法，包括安裝和基礎用法，在開始前我們可以看下看：瞭解 Mock.js 的語法規範。 安裝 可以通過npm安裝Mock.js： npminstallmockjs 基礎用法 隨機生成一個用户信息 使用Mock.js可以很方便地生成隨機數據。下面的示例中，每個用户信

vue.js , mock.js , mock , 前端 , Javascript

收藏 評論

m_63573a116d2a5 頭像

熊的貓 - 談談 H5 移動端適配原理

前言 歡迎關注同名公眾號《熊的貓》，文章會同步更新，也可快速加入前端交流羣！ H5 移動端 開發的必不可少的一個環節就是 移動端網頁的適配，因為 UI 通常只會提供 大小固定的設計稿，而各種不同移動設備具有不同的頁面分辨率和大小，所以適配的目的就是讓一份設計稿在不同移動設備上表現出一致性。 雖然現如今各種插件都可以幫助我們快速配置完成，例如 lib-flexible、postcss-pxto

vue.js , chrome , 移動端適配 , 前端 , Javascript

收藏 評論

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的(column)柱狀圖修改圖例

(highchart的(column)柱狀圖修改圖例) 情況説明 柱狀圖的圖例默認是圓點的，如圖 要修改成方形，可以採用如下形式 plotOptions: { column: { tooltip: { pointFormat: `span style="color:{point.color}"\u25A0/span {series.n

vue.js , highcharts , 前端 , Javascript

收藏 評論

3yya 頭像

三眼鴨的編程教室 - 學廢了，JavaScript 中的作用域與作用域鏈

什麼是作用域？ 作用域定義了變量的可見性或可訪問性。大白話來説，就是一個變量能不能被訪問或引用，是由它的作用域決定的。 在 JavaScript 中有三種作用域。 全局作用域 函數作用域（局部作用域） 塊作用域 let globalVariable = "我是全局作用域下的變量" function func() { let localVariable = "我是局部作用域下的變量

vue.js , 作用域 , 作用域鏈 , 前端 , Javascript

收藏 評論

yinzhixiaxue 頭像

銀之夏雪 - Vue 3 vs Vue 2：深入解析從性能優化到源碼層面的進化

Vue.js 是當今前端開發中最受歡迎的框架之一。隨着 Vue 3 的發佈，它在性能優化、開發體驗、響應式系統、構建工具和熱更新等多個方面都帶來了巨大提升。本文將深入剖析 Vue 3 的進化，包括其 源碼實現 方面的優化，如 diff算法、靜態標記、編譯優化 ，以及 Vue 3 在熱更新、構建工具上的改進。 1. 性能提升：底層優化的革命 1.1 響應式系統的改進：從 Object.defineP

vue2 , vue.js , vue3 , 前端 , Javascript

收藏 評論

bukenengdeshi 頭像

不可能的是 - vue-loader中引入模板預處理器

vue-loader 是一個 webpack 的 loader，可以將指定格式編寫的 Vue 組件轉換為 JavaScript 模塊 同時，vue-loader 支持使用非默認語言，通過設置語言塊的lang屬性，就可以使用指定的預處理器，比如最常見的sass 語法： style lang="sass" ... /style 這裏重點討論使用不同的js模板引擎作為預處理器，

vue-loader , vue.js , pug , dot.js , Javascript

收藏 評論

yuzilight_sy 頭像

愈宇垣 - 如何在Vue3項目中安裝使用Tailwind CSS 以及通過Tailwind CSS插件實現卡片的3D翻轉效果？

Tailwind CSS簡單介紹 對於 Tailwind CSS 想必大家都有所耳聞，是一種快速 UI 開發的實用工具集 原子化 CSS 框架，而對於 如何組織CSS規則，可分為兩個派別 [語義化CSS] 與 [原子化CSS]，[語義化CSS] 比較好理解，例如：從這幾段CSS源碼就可以大概知曉需求是想當鼠標停留在文字上時實現一個基礎的提示框內容以及定位的方式等【此段CSS源碼來源於 菜鳥

vue.js , tailwind-css , visual-studio , postcss , npm

收藏 評論

u_17148819 頭像

好像還可以 - vue 甘特圖 vxe-gantt table 依賴線的使用，配置連接線

vue 甘特圖 vxe-gantt table 依賴線的使用，配置連接線 連接線有幾種類型： FinishToFinish：完成到完成，表示一個任務必須在另一個任務完成之後才能完成 StartToStart：開始後才開始，表示一個活動結束了，另一個活動才能開始，它們之間按先後順序進行 FinishToStart：結束後才開始，表示一個任務必須在另一個任務開始之前完成 StartToFin

vue.js , gantt , 前端開發

收藏 評論

mingweiweim 頭像

明未為洺 - vue導出pdf

vue中實現頁面導出pdf的功能 所需插件 html2canvas和pdfmake 原理就是將頁面截圖，然後生成pdf文件，具體代碼如下 const main = ref() async function exportPdf() { const canvas = await html2canvas(main.value, { allowTaint: true, scal

vue.js , pdfmake , html2canvas , vue3

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 企業微信關聯微信小程序

綁定 入口：企業微信管理後台 需要企業微信管理員賬號登錄 1、進入企業微信管理後台，找到應用管理，創建應用 2、選擇已有的小程序創建 3、此時會跳轉到公眾平台授權登錄，需要小程序管理員掃碼登錄 4、登錄完成後會彈出一個界面，該界面就是關聯的小程序界面，在該界面選擇可見範圍：部門/成員 之後點擊創建即可 5、創建之後就可以在工作台看

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

收藏 評論

haiyangzhilan 頭像

海洋之藍 - vue2+vant2 使用rem進行瀏覽器適配

根據VANT官方説明，需要在項目中安裝兩個插件即可。 如果需要使用 rem 單位進行適配，推薦使用以下兩個工具： postcss-pxtorem 是一款 PostCSS 插件，用於將 px 單位轉化為 rem 單位 lib-flexible 用於設置 rem 基準值 但是昨天在安裝使用的時候，出了問題。提示錯誤，打開項目頁面也是空白了。於是百度了下，發現網絡上的文章都是抄襲。基本沒有解決問題，經

vue.js , vant , rem

收藏 評論

chaumet 頭像

chaumet - Vue中的虛擬DOM及diff算法

虛擬dom 為什麼出現： 瀏覽器解析一個html大致分為五步：創建DOM tree – 創建Style Rules - 構建Render tree - 佈局Layout – 繪製Painting。每次對真實dom進行操作的時候，瀏覽器都會從構建dom樹開始從頭到尾執行一遍流程。真實的dom操作代價昂貴，操作頻繁還會引起頁面卡頓影響用户體驗，虛擬dom就是為了解決這個瀏覽器性能問題才被創造出

vue.js , virtual-dom , diff , Javascript

收藏 評論

vistart 頭像

vistart - Vue3與React構建可擴展Web應用的技術方案深度研究報告（2024-2025）

研究概覽 基於對2024-2025年最新技術趨勢、企業實踐案例和市場數據的深入研究，本報告全面分析了Vue3和React在構建可擴展web應用方面的技術方案。研究發現，兩個框架在技術架構、開發範式、安全性能等方面各有優勢，選擇需要根據團隊規模、項目需求和市場定位來決定。 1. 可擴展Web應用的設計範式對比 Vue3的組件化設計模式和Composition API Composition API最

react , vue.js , 開發 , typescript , 前端

收藏 評論

tongbo 頭像

牙小木木 - electorn的不同窗口對localstorage的狀態更新的同步

electron的不同窗口（渲染進程）之間，如果想要同步localstorage中的狀態，只用pina+computer可以實現嗎？還是需要依賴electron的主進程廣播方式給不同的窗口，窗口通過監聽對應的channel來改變狀態？ 比如我有homepage和dailpage兩個頁面。想對其中一個選項進行雙向同步。如何實現呢？ 一種常見的做法是： 每個渲染進程，結合pinna來管理狀態，且

vue.js , pinia , electron , electron-store

收藏 評論

opentiny 頭像

OpenTiny社區 - TinyVue：與 Vue 交往八年的組件庫

本文由體驗技術團隊莫春輝老師原創~ 去年因故停辦的 VueConf，今年如約在深圳舉行。作為東道主 上屆 VueConf 講師的我，沒有理由不來湊個熱鬧。大會結束後，我見裕波在朋友圈轉發 Jinjiang 的文章《我和 Vue.js 的十年》，我就在下面打趣道：“過兩年我也寫篇同名文章”，然後裕波回覆：“先寫一個我和 Vue 的八週年”。我尋思，我那十分鐘的閃電演講，有人吐槽沒有乾貨，比如同時支

vue.js , 組件庫 , 開源項目介紹 , 前端 , Javascript

收藏 評論

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - Vue3 組件庫深度解讀：從開發到發佈，打造企業級可複用組件生態

Vue3 組件庫深度解讀：從開發到發佈，打造企業級可複用組件生態 前言：組件庫開發的那些 “血淚坑” “為什麼封裝的組件在不同項目中樣式衝突？” “組件 props 設計混亂，使用者不知道該傳什麼？” “函數式調用組件（如 Message）怎麼實現掛載與銷燬？” “打包後體積臃腫，按需引入失效？” “發佈到 npm 後，別人安裝了卻用不了？” 組件庫是前端工程化的核心產物 —— 它能解決 “重複造

vue.js , 組件庫 , 前端 , Javascript

收藏 評論

u_15967048 頭像

農民工前端 - 基於Element UI的級聯選擇器實現：子父節點異構名稱映射與無子級數據優雅處理方案

摘要 本文詳細介紹了一種在Vue.js+Element UI環境中實現的級聯選擇器解決方案，重點解決以下兩個技術難點：1)父子節點顯示字段名稱不一致時的映射轉換問題；2)無子級數據時的友好提示與交互控制。方案通過動態懶加載與數據轉換機制，實現了異構數據源的統一展示與空狀態管理。 效果展示 技術背景 在企業級前端開發中，級聯選擇器是處理層級數據的常用組件。Elemen

vue.js , 字段 , 前端開發 , 子節點 , Javascript

收藏 評論

xingyannian 頭像

質數的孤島 - 前端權限與登錄驗證體系

🧠 前端權限與登錄驗證體系 🔐 1. 認證機制 (Authentication) 核心目標：確認“你是誰”，保持登錄狀態 Token 方案 (JWT) 流程：登錄 → 後端簽發 Token → 前端存儲 → 請求攜帶 Token → 後端驗證 存儲位置 localStorage：常用，持久化好，但需防 XSS。 Http

vue.js , typescript , 前端 , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - 專訪|OpenTiny 開源社區 常浩：完成比完美更重要

前言 2023年已過大半，備受關注的 OpenTiny*開源之夏活動也順利結項。開源之夏由中國科學院軟件研究所發起的計劃，目的在於鼓勵在校學生積極參與開源軟件的開發維護，推動優秀開源軟件社區的繁榮發展。該活動聯合各大開源社區，聚焦於關鍵開源軟件的開發與維護，向全球高校學生開放報名。學生可自主選擇感興趣的項目進行申請，一旦中選，他們將在經驗豐富的項目開發者（社區導師）的指導下進行開發。根據項目的難易

vue.js , 富文本編輯器 , 開源 , Javascript

收藏 評論

ligulalei 頭像

ligulalei - vue+vux scrollTop 實現定位到具體dom

先看一下最終的運行效果。 項目背景介紹： 技術棧： vue+vux+nodejs 需求：對汽車品牌列表可以按照字母進行索引定位 在開發中實現這種需求，心想還不是小菜一碟，作為一個飽經bug的程序員，別的我就不吹了，最起碼Ctrl+C用的還是蠻不錯的。 雖然我的複製能力MAX，但最起碼的功能點還是要先梳理一下。 要實現這個功能統共分兩步， 第一根據點擊找到

vue.js , vux

收藏 評論

kayo5994 頭像

kayo5994 - Vue 響應式原理剖析 —— 從實例化、渲染到數據更新（上）

概況 最近對一個基於 Vue 項目的 Sentry Issue 進行治理時，發現了大量 Issue 都是 Vue 內部邏輯引起的，為了更好地去解決問題，因此也複習了一遍 Vue2 的原理。 相比起 Vue3 更清晰的項目結構和實現，Vue2 中各個部分的實現存在較多的耦合，也導致其邏輯梳理起來較為複雜。其中「響應式」的部分是最為複雜也是最重要的一環，實際項目中大部分的 Issue 也與其相關，如

框架學習 , vue.js , 觀察者模式 , 框架源碼 , 響應式

收藏 評論