tag vue.js

標籤
貢獻371
373
05:55 PM · Oct 25 ,2025

@vue.js / 博客 RSS 訂閱

qzuser - vue虛擬dom diff

虛擬元素節點VNode 什麼是虛擬元素節點? 虛擬元素節點即對真實dom節點的描述。包含標籤名、標籤屬性描述對象、子節點集合。 // example { tag:'div' props:{ key:'uuid',//VNode唯一key,新舊VNode diff時有用 id:'div',//VNode id值 //...

vue.js , virtual-dom , diff

收藏 評論

OpenTiny社區 - TinyVue自動導入插件重大升級,@opentiny/unplugin-tiny-vue1.0.0版本開啓單組件包引入新模式

近日,@opentiny/unplugin-tiny-vue 發佈了其重要的1.0.0版本更新,此次更新帶來了全新的單組件包引入模式,顯著提升了開發者的本地編譯效率以及整個項目的構建速度。 在之前的版本中,開發者需要一次性加載整個TinyVue 庫,這個不僅增加了初始時間,也使得項目構建過程變得相對緩慢。然而,隨着新版本的發佈,這一問題得到了有效的解決。通過引入單組件包模式,開發者現在可以根據實際

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

收藏 評論

mob64ca14095513 - vue虛擬化選擇器實現原理

VNode 在vue中定義了一個VNode類,使用它可以實例化不同類型的vnode,而不同類型的vnode實例各自表示不同類型的DOM元素。 VNode作用 每次渲染視圖的時候都會new一個VNode的實例化對象,然後他會緩存上一次渲染視圖。因此當需要重新渲染視圖的時候,將新創建的new_node實例對象和上一次的實例對象old_vno

vue虛擬化選擇器實現原理 , vue.js , 虛擬化 , 雲計算 , 緩存 , 前端

收藏 評論

智定義科技 - 新事心辦 - AI 智能大模型填報預審系統

一、系統概述     構建“智能預審+人工複核”雙保險機制,解決傳統政務填報中效率與準確率難以兼顧的問題。摒棄"AI替代人工"的思維,聚焦政務服務中的高頻業務場景,實現政務服務從"概念創新"到"效能革命"的跨越。 二、痛點分析 個人/企業用户:     表單填報復雜難懂     信息重複填報問題嚴重

vue.js , spring , uniapp , JAVA , html5

收藏 評論

兔子先森 - 前端AI流式輸出深度思考<think>標籤分割

假如我們有這麼一段ai回覆的內容 let text = "think\n好的,用户想了解如何判斷手機攝像頭是否是湊數的,希望我用直白易懂的語言來解釋。這個問題需要從實用角度出發,幫助用户識別那些功能冗餘或性能低下的攝像頭。\n我看到的搜索結果提供了很多有價值的信息。根據,湊數攝像頭通常是指那些功能可以被其他攝像頭或算法替代的鏡頭,比如低像素的景深或微距鏡頭。進一步解釋瞭如何通過反證法來判斷:如果去

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

收藏 評論

Java陳序員 - 社區新體驗!一款基於 Golang + Vue 的開源社區系統!

大家好,我是 Java陳序員。 在數字化時代,擁有一個屬於自己的社區論壇是許多開發者、創業者或興趣愛好者的需求。無論是技術交流、興趣分享還是垂直領域討論,一個穩定、高效且易於擴展的社區論壇系統都至關重要。 今天,給大家介紹一款基於 Golang + Vue 的開源社區系統! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 bbs

vue.js , github , MySQL , Docker , go

收藏 評論

多客Duoke - 詳解遊戲護航代練系統小程序源碼快速搭建部署方案,全遊戲支持!

摘要:在遊戲陪玩與娛樂搭子行業中,傳統依賴羣聊與表格的管理模式已成為團隊擴大的瓶頸。本文將探討我們如何通過一款自研的小程序系統,嘗試解決訂單、財務與人力調度中的核心效率問題,並分享其中的技術架構設計與行業思考。 一、技術架構:多端協同的智能中樞 當前主流的三角洲代練護航系統採用“Uni-app+ThinkPHP6+MySQL”技術組合,其核心優勢體現在: 1、跨端部署能力

vue.js , 微信小程序 , php , 源碼 , 小程序雲開發

收藏 評論

尋霧啓示 - Vue項目單元測試入門

本文以Jest測試框架為例子,介紹常用的api和用法 安裝 第一種:創建項目的時候勾選 Unit Testing,後續選擇 Jest 第二種:在項目根目錄執行 vue add @vue/cli-plugin-unit-jest 常用api describe:創建測試分組 test(別名:it):創建測試用例 expect:提供各種方法判定測試結果是否符合預期 匹配函數 toBe: 值類型判斷相等

vue.js , jest , 前端

收藏 評論

DiracKeeko - [Vue] vue-cli3中chainWebpack和configureWebpack的區別

chainWebpack 的底層是 webpack-chain。採用的是命令式 Webpack 配置。 configureWebpack 的底層是 webpack-merge。configureWebpack 的值可以是Object也可以是Function。(若是Function這個Function的返回值也應是一個Object) 且直接設置的Object和函數返回的Object都是配置子集

vue.js , vue-cli3 , webpack , vue-cli , 前端

收藏 評論

鄉下小哥編程 - 前端 Vue2 項目結構詳細講解説明 ,帶你迅速掌握你的項目,並能上手開發~

前言 很多同學在拿到項目的前端源碼後,不理解項目每個模塊的作用,不知道每個模塊之間是怎麼相互調用和關聯的,不知道從哪裏入手分析。處在一個比較尷尬的局面,本篇文章將從系統框架、項目結構、模塊間作用説明。同時結合實際項目進行深入的解答分析。讓你快速瞭解掌握你的項目,並能上手開發。 什麼是前端? 前端,簡單來説,就是用户直接能看到和

vue.js , 項目結構 , 數據 , Vue , Css , 前端開發 , HTML

收藏 評論

小雨青年 - 智能交互新範式:拒絕“黑盒”,帶你用 MateChat 與 DSL 構建“高可靠”的 NL2UI 引擎

前言 大家在做後台系統開發時,有沒有遇到過這樣的場景?運營同事跑過來説:“我想要個簡單的庫存報表,這就這幾個字段,能不能馬上弄好?” 這時候,你看着手頭堆積如山的需求,心裏可能在想:要是能直接跟電腦説一句“給我個庫存表”,界面就能自己長出來該多好啊! 這就是 NL2UI (Natural Language to User Interface) 的終極夢想——用自

vue.js , 遞歸 , 前端開發 , Json , ui

收藏 評論

農民工前端 - 實現回車鍵自動登錄功能:Vue 2 和 Vue 3 的解決方案

實現回車鍵自動登錄功能:Vue 2 和 Vue 3 的解決方案 🚀 在開發登錄表單時,提升用户體驗的一個重要功能是:用户輸入完用户名和密碼後,按下回車鍵即可自動觸發登錄。這個功能看似簡單,但在 Vue 2 和 Vue 3 中的實現方式略有不同。本文將詳細介紹如何在 Vue 2 和 Vue 3 中實現這一功能,並提供完整的代碼示例。 效果展示: 功能需求

回車鍵 , vue.js , 表單 , Vue , 前端開發

收藏 評論

腳踏實地一點一滴 - Flutter封裝的路由工具類RouteUtils,可二次開發,拿來即用!

/** * 路由封裝 */ class RouteUtils { RouteUtils._(); static final navigatorKey = GlobalKeyNavigatorState(); // App 根節點Context static BuildContext get context = navigatorKey.currentContext!;

vue.js , dart , flutter , npm , HTML

收藏 評論

LigaAI - 技術分享 | 如何編寫同時兼容 Vue2 和 Vue3 的代碼?

LigaAI 的評論編輯器、附件展示以及富文本編輯器都支持在 Vue2(Web)與 Vue3(VSCode、lDEA)中使用。這樣不僅可以在不同 Vue 版本的工程中間共享代碼,還能為後續升級 Vue3 減少一定阻礙。 那麼,同時兼容 Vue2 與 Vue3 的代碼該如何實現?業務實踐中又有哪些代碼精簡和優化的小技巧?讓我們先從兼容代碼的工程化講起。 1. 工程化:編寫同時兼容 Vue2 與 V

vue.js , 進階 , 程序員 , 前端 , Javascript

收藏 評論

abc26296 - Vxe UI vue vxe-form-design 表單設計器

vxe-pc-ui Vxe UI vue vxe-form-design 表單設計器 安裝 Vxe UI 官方文檔 查看 github、gitee // ... import VxeUI from 'vxe-pc-ui' import 'vxe-pc-ui/lib/style.css' // ... // ... createApp(App).use(VxeUI).mount(

vue.js , form

收藏 評論

你好2007 - 從vue-loader開始理解webpack的一些設計思想

寫在前面 為了更好的説明,我們模仿Vue.js開發了一個類似的簡化版本的前端框架Quick Paper(文檔) 來幫助你理解一些細節。因此在開始之前,讓我們先大致瞭解一下此項目的結構,方便後續描述。 温馨提示:我們推薦你在開始之前去Github上把此項目clone下來後,對照着源碼進行學習! 目錄結構 其實你只需要關注下面四個文件夾: src:框架源碼; loader:類似vue-loade

vue-loader , vue.js , loader , webpack , Javascript

收藏 評論

DiracKeeko - [Vue] 特性學習-混入和插件

在項目的main.js文件中,有可能會出現 Vue.mixin(customizedMixin);... new Vue(...); 這裏的Vue.mixin()方法是將引入的customizedMixin文件(主要是customizedMixin文件中的全局方法、生命週期鈎子中的特殊處理、以及其他屬性如data、watch等等)掛載到全局。 當全局引入的customiz

vue.js , mixin , plugin , 前端

收藏 評論

OpenTiny社區 - OpenTiny訓練營實操體驗|輕鬆解鎖TinyVue智能組件開發Web應用

1.背景描述 TinyVue 是一套企業級的 Vue 框架下的組件庫,它具有跨端、跨框架的特性,同時支持 Vue2 和 Vue3,支持 PC 端和移動端瀏覽器。 本次實驗是通過改造一個使用 TinyVue 組件的常規 Web 應用,秒變為一個能夠對接大語言模型的智能應用。這個應用可以讓用户通過自然語言與網頁進行對話,直接“精準”操作網頁上的組件。 2.實驗簡介 首先,我們提供了一個用 Vue3 搭

vue.js , 組件庫 , 前端

收藏 評論

微芒不朽 - Vue 3 動態組件詳解

在 Vue 3 中,動態組件是一個非常強大的特性,允許我們在運行時根據條件切換不同的組件。 基本用法 使用 component 標籤 template div !-- 動態組件的核心 -- component :is="currentComponent"/component !-- 切換按鈕 -- button @click="switchComponen

vue.js , 前端 , Javascript

收藏 評論

mob64ca14092155 - vue框架集成cesium“黑科技”

上一篇我們成功讓3D地球在Vue裏“站穩了腳跟”,但光禿禿的地球顯然滿足不了開發需求——實際項目中,我們常需要在地球表面標記位置、繪製運動軌跡,甚至加載建築物、車輛等3D模型。這一篇,咱們就給地球“加點料”,讓它從“靜態背景”變成“交互載體”,所有代碼都能直接套用上一篇的項目框架,新手也能輕鬆跟進! 一、核心邏輯:Cesium的“實體Entity”

vue.js , 加載 , 3d , 後端開發 , 前端 , Python

收藏 評論

腳踏實地一點一滴 - Flutter本地持久化數據工具類ShareLocalDataTool,方便二次開發

在使用前先倒入shared_preferences: ^2.0.15 import 'package:shared_preferences/shared_preferences.dart'; //本地持久化存儲工具類 class ShareLocalDataTool { ShareLocalDataTool._(); static Futurebool saveStringList(

vue.js , dart , visual-studio-code , flutter , 前端

收藏 評論

夏哥 - 夏哥事件薄 — VUE 使用 vue-loader 報錯及解決(在vue裏使用scss)

之前一直使用angular寫項目,css使用的是SCSS。 後來使用VUE寫CSS,寫習慣 SCSS 後總覺得不方便。但由於 VUE 本身不支持 SCSS 寫法,需要安裝vue-loader才能在 VUE 文件及樣式文件裏使用 SCSS 。於是有了這次記錄。 首先 官方的介紹文檔 介紹 | Vue Loader​vue-loader.vuejs.org npm install -D vue-l

vue-loader , vue.js , scss

收藏 評論

華為雲開發者聯盟 - 一文教會你認識Vuex狀態機

摘要:簡單來説,Vuex就是實現組件全局狀態(數據)管理的一種機制,可以方便的實現組件之間數據的共享。 本文分享自華為雲社區《Vuex狀態機快速瞭解與應用》,原文作者:北極光之夜。 一. 速識概念: 1. 組件之間共享數據的方式: 通常有以下幾種方式: 父向子傳值:v-bind 屬性綁定; 子向父傳值:v-on 事件綁定; 兄弟組件之間共享數據:EventBus; 2. vuex是

vue.js , 應用 , vuex , 父子組件 , 事件

收藏 評論

熱飯班長 - 如何使用Github Pages發佈自己的個人網頁?

基礎流程 創建倉庫 創建一個倉庫名為賬户名.github.io。 比如我的賬户名為refanbanzhangwork,那麼我的倉庫名就填寫:refanbanzhangwork.github.io。 其他位置保持默認就好了,然後點擊Create repository按鈕。 創建index.html 上一步點擊創建倉庫按鈕之後,會來到倉庫頁面,在這裏,我們點擊creating a

react , vue.js , github-pages , github , 前端

收藏 評論