tag vue.js

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

liyang_5c08d505d4d56 頭像

漓漾li - vue3的進步

剛剛看了Vue.js作者在VueConf 2019上海的演講視頻，學習到了很多的東西。瞭解了vue在全球的影響力、活躍的社區以及核心開發團隊，更主要的是vue2當前的一些問題和在vue3中的一些進步。下面我總結了從中學習到的幾點。 vdom 1. 性能瓶頸 新vdom生成： 當數據更新時，雖然vue可以定位到最小更新粒度為組件級別，但在組件級別內，還是需要重新遍歷模板生成新的vdom，

react , vue.js , virtual-dom

收藏 評論

u_15967048 頭像

農民工前端 - 基於 Vue 和 Element Plus 的時間範圍控制與數據展示

本文將重點講解如何在 Vue 項目中使用 Element Plus 的 el-date-picker 組件實現時間範圍選擇，並結合“日”、“月”、“年”按鈕動態控制時間範圍。！🚀 1. 核心功能 🎯 時間範圍選擇：使用 el-date-picker 實現日期範圍選擇。 快速切換：通過“日”、“月”、“年”按鈕快速設置時間範圍。 動態綁定：根據用户選擇

vue.js , 高亮顯示 , 時間選擇器 , 前端開發 , HTML

收藏 評論

u_16213657 頭像

mob64ca140a1f7c - javascript - 前端面試試題收集 - 個人文章

由於目前現在求職市場競爭激烈，許多初學者和經驗豐富的開發人員都面臨着求職問題。因此，最好的方法是不斷學習並提高自己的技能。為了拿到心儀的offer，我們需要認真準備面試，因此，今天我為大家準備了53道面試題，我以“一問一答”的形式將這些前端面試題分享出來，希望能夠幫助到你。雖然這些面試題主要針對初級開發人員，但其中也有包括一些中級開發人員的題。那麼，我們

vue.js , 面試 , 開發語言 , 前端開發 , 前端 , Javascript

收藏 評論

lihaixing 頭像

lihaixing - 二進制運算實例

實際使用 位運算只可運用於整數，對於 float 和 double 不行。 WebGL 遊戲數據處理 WebSockets、AJAX、Fetch、WebRTC 服務通信 WebUSB、WebAudio 硬件通信 Crypto 加密算法 1. 一些基本用法 位運算 功能 示例 x 1 去掉最後一位 101101-101

react , vue.js , 二進制 , 前端 , Javascript

收藏 評論

heath_learning 頭像

heath_learning - uni-app自定義密碼輸入框

最近在用uni-app開發時遇到一個類似微信支付的密碼框需求，要求：用户輸入密碼後自動向後跳轉一個輸入框，並且獲得焦點，直到輸入完畢。用户刪除時，刪除完當前輸入框的內容，再按一個“退格/刪除”鍵，則自動往前跳一個輸入框，並將其內容刪除。 效果如： 實現思路 有且只能有一個input輸入框 如果採用一個方框用一個input輸入框，在模擬器裏沒有什麼問題，但在真實的手機中會

input , 輸入框 , vue.js , 混合app , uni-app

收藏 評論

jeremy_c 頭像

Jeremy-C - Vue項目下IE報錯 SCRIPT1003: 缺少 ':'，導致頁面空白的解決方案

❝ 今年年初加入了物資團隊，遇到的第一個問題就是解決IE的兼容性問題。 ❞ 1 現象 當時的情況是IE瀏覽器在登錄系統時，登錄頁無法加載，頁面顯示空白，所以也無法訪問系統裏的其他頁面。 2 查看報錯 在IE瀏覽器中輸入系統網址，打開控制枱，發現有這樣的報錯：SCRIPT1003: 缺少 ':' 第一個想法就是需要對webpack進行一些兼容性配置，於是小編低下頭默默的先進行了一通通用配

vue.js , internet-explorer , 兼容性 , 前端 , Javascript

收藏 評論

kangkaidafangdezi 頭像

多客Duoke - 陪玩平台源碼，陪玩遊戲系統，遊戲陪玩源碼，陪玩 app 源碼，遊戲陪玩語音社交源碼搭建部署方案

基於UniApp（前端）與PHP（後端）的陪玩接單小程序開發與部署，需結合跨平台開發、功能模塊設計、接口對接及安全優化等多方面技術。以下從技術選型、核心功能、開發流程、部署方案及注意事項等方面提供綜合解決方案。 一、技術選型與架構設計 前端框架 -UniApp：基於Vue.js的跨平台框架，支持一次開發適配小程序、H5、iOS/Android等多端，提供組件化開

vue.js , 遊戲 , 社交應用 , php , 小程序雲開發

收藏 評論

lh_s 頭像

LH_S - Vue3+Vite3 SSR基本搭建

Vue3+Vite3 SSR基本搭建 首先説明如果是生產使用強烈推薦Nuxt，但是如果想深入服務端渲染的運行原理，可以看本篇，會根據渲染流程搭建一個demo版ssr，源碼在最後會貼上 主要技術棧：Vite3 + Vue3 + pinia + VueRouter4 + express 開始搭建之前，先説一下SSR渲染流程 SSR渲染流程 首先瀏覽器向服務器請求，然後服務器根據請求的路由

vue.js , 服務端渲染

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp自定義uni-easyinput樣式

官網示例： uni-forms-item uni-easyinput trim="all" v-model="form.address" placeholder="請輸入地址" / /uni-forms-item 自定義顏色 uni-forms-item uni-easyinput trim="all" primaryColor="#FCB334" v

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

收藏 評論

hai2007 頭像

你好2007 - vue 如何實現表單校驗

安裝並使用 首先，在你的vue項目中進行安裝： npm install --save vue-input-check 接着根據不同的vue版本註冊： vue2.js import Vue from 'vue'; Vue.use(inputCheck); vue3.js+ import { createApp } from 'vue'; let app = createApp(App); app

vue.js , validate , form , submit , Javascript

收藏 評論

u_13738137 頭像

小雨青年 - 告別繁瑣儀表盤：用 MateChat 打造程序員專屬的 ChatOps 運維助手

前言：凌晨三點的“報警”焦慮 作為開發者，大家可能都有過這樣的經歷：凌晨三點手機突然震動，報警羣裏彈出一條“Server CPU High Load”的消息。這時候，你不得不艱難地爬起來，打開電腦，連上 VPN，登錄 Grafana 或者 Zabbix，在一堆複雜的儀表盤裏尋找那台出問題的機器。 這種傳統的運維方式雖然專業，但在應急響應場景下，顯得太重、太慢了。

vue.js , 服務器 , 運維 , 重啓 , 前端開發

收藏 評論

u_15967048 頭像

農民工前端 - 動態生成 CSS 工具類：CSS函數實現 `pad20-top`、`pad40-bottom` 等靈活樣式

在前端開發中，經常需要為元素設置不同的 padding 或 margin 值。如果每次都手動編寫 CSS 類，不僅效率低下，還容易出錯。為了提高開發效率，可以通過 CSS 預處理器（如 Sass 或 Less）動態生成工具類，例如 pad20-top、pad40-bottom 等。 本文將詳細介紹如何通過 Sass 或 Less 實現這一功能，並探討其擴展性和應用場景。 需

vue.js , sass , less , ci , 前端開發

收藏 評論

xixindeshubao_epzrws 頭像

DK阿龍 - 探討遊戲陪玩平台管理系統的技術選型與架構設計

基於UniApp（前端）與PHP（後端）的陪玩接單小程序開發與部署，需結合跨平台開發、功能模塊設計、接口對接及安全優化等多方面技術。以下從技術選型、核心功能、開發流程、部署方案及注意事項等方面提供綜合解決方案。 一、技術選型與架構設計 前端框架 -UniApp：基於Vue.js的跨平台框架，支持一次開發適配小程序、H5、iOS/Android等多端，提供組件化開發模式，可快速實現用户

vue.js , 遊戲 , MySQL , 小程序 , php

收藏 評論

z_rh 頭像

Hoh_Xil - 頁面刷新vuex狀態初始化

vuex五種基本對象 state：存儲狀態（變量） getters：對數據獲取之前的再次編譯，可以理解為state的計算屬性。我們在組件中使用$sotre.getters.fun() mutations：修改狀態，並且是同步的。在組件中使用$store.commit('',params)。這個和我們組件中的自定義事件類似。 actions：異步操作。在組件中使用是$store.dispa

vue.js , sessionstorage , vuex , 前端

收藏 評論

refanbanzhang 頭像

熱飯班長 - vue pinia與vue hooks(Composition API)的關鍵差異

vue pinia的用途 用於全局狀態共享。 vue hooks(Composition API)的用途 用於邏輯封裝與複用（注意這裏沒有狀態共享）。 兩者之間關鍵差異 vue pinia是一個單例，也就是説多次初始化實例都是同一個，所以在多個組件中使用時，他們修改的時同一份數據，也就能實現vue pinia的設計目的，即數據共享。 而vue hooks則不是，每次初始化都會創建一個獨立的實例，所

vue.js , hooks , pinia , 前端

收藏 評論

u_17028302 頭像

wx66ece9f42611c - Vue3 響應式神器：ref 與 reactive 終極使用指南

在 Vue3 Composition API 中，ref 和 reactive 是構建響應式數據的核心工具。很多開發者在實際開發中會困惑：到底該用哪個？什麼時候該選 ref，什麼時候該用 reactive？其實答案很明確——尤雨溪早已給出方向：「ref 一把梭，不建議過度依賴 reactive」。本文將從本質區別、實戰場景、避坑指南三個維度，幫你徹底理清兩者的使用邏輯。 一、核心區別

vue.js , 賦值 , 響應式 , 前端開發 , Javascript

收藏 評論

u_17148819 頭像

好像還可以 - vxe-table 如何實現跟 excel 一樣的篩選框，支持字符串、數值、日期類型篩選

vxe-table 如何實現跟 excel 一樣的篩選框，支持字符串、數值、日期類型篩選 查看官網：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 字符串類型 通過設置 filterRender.cellT

vue.js , 篩選 , table , excel , 前端開發

收藏 評論

Itstars 頭像

新茶十九 - 高德地圖的柵格圖，2D地圖，瓦片圖有什麼區別

高德地圖的“柵格圖”、“2D地圖”和“瓦片圖”這三個概念經常被混用，但它們描述的是不同層面的東西。 簡單來説： 瓦片圖是技術實現方式。 柵格圖是地圖數據的展現形式（與矢量圖相對）。 2D地圖是地圖的顯示模式（與3D地圖相對）。 下面我用一個清晰的表格和詳細解釋來説明它們的區別和聯繫。 🆚 核心概念對比 維度

vue.js , 高德地圖 , 柵格 , 3d , 前端開發

收藏 評論

senar 頭像

Senar - UnoCSS給了我一個不用tailwindcss的理由

相同的原由 前言 如果你沒有聽説過 tailwindcss 或者 unocss，請先 return 先去了解一下😝。 開發上：可能為你甚至你們的前端團隊節省很多寫樣式的時間，也能讓你或者你們的項目開發體驗有很大提升 生產上：你們的項目打出來的包體積中的樣式代碼佔比將突然驟降然後趨於不變。 書接上回 之前我寫過一篇文章給我一個你不用tailwindcss的理由！，極力推薦使用 tai

vue.js , css技巧 , uno , Css

收藏 評論

kobe_fans_zxc 頭像

高級BUG開發 - vue項目中使用unicode引入iconfont，動態生成圖標的問題。

vue項目中，採用unicode引入iconfont，如果靜態寫圖標是可以正常渲染的 i class="iconfront"#734;/i 但是如果從接口獲取數據，直接渲染字符串 i class="iconfront"{{myIcon}}/i 最後發現使用v-html渲染就可以了 i class="iconfront" v-html="myIcon"/i

vue.js , iconfont

收藏 評論

u_16099277 頭像

架構領航員 - vue 手機端PC端一體網頁demo

前言 我們在開發h5的時候需要適配不同的終端，例如：PC，移動端等場景。 那麼我們會有多種方案可以選擇 一：使用css3 判斷不同的終端顯示不同的樣式 1)好處是，只需要維護一套代碼即可，但樣式處理卻非常麻煩，當頁面結構比較複雜的時候，我們沒辦僅僅用css3 根據不同的終端做適配

vue 手機端PC端一體網頁demo , 機器學習 , vue.js , 人工智能 , Css , 前端 , Javascript

收藏 評論

nxmin 頭像

敏哥 - 零基礎搭建智能垃圾分類小程序

1、先上圖 2、準備工作 一、申請一個小程序 申請地址：微信公眾平台， 申請小程序的操作很簡單，大家百度一下跟着步驟申請就行，某寶上還有認證小程序代申請代認證，老鐵們可以自行選擇。 二、下載微信開發者工具 下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 三、下

垃圾收集 , vue.js , 小程序 , uniapp , 垃圾回收

收藏 評論

u_9849794 頭像

子丶不語 - 別再 import 組件了！Vue 的 `defineAsyncComponent` 才是 2025 年最被低估的性能核武器

你導入的每一個組件，都在悄悄殺死你的首屏性能。 一、一個殘酷事實：90% 的 Vue 應用，從打開那一刻就輸了 打開 Chrome DevTools，刷新頁面，看一眼LCP（最大內容繪製）和FCP（首次內容繪製）。 如果你的應用超過 2 秒，別怪用户流失。 問題在哪？ 不是網絡慢，不是服務器卡，而是你寫的這行代碼

vue.js , 加載 , Vue , 緩存 , 前端開發

收藏 評論

fengruiabc 頭像

fengruiabc - vue源碼解析系列－compute實現機制

本來vue的響應式應該才是重中之重。但是網上的文章很多很多。在看computed的實現之前。肯定還是要把vue的響應式如何實現好好看一下。或者説兩者根本就是一樣的東西。這邊推薦幾篇文章關於vue的響應式。 vue響應式簡單實現 vue慕課響應式手記 還是看看官網對於響應式的解釋： 總的來説。vue實現響應式的關鍵有三個：watcher,dep,observe; observe:遍

vue.js , 單頁面應用 , Javascript

收藏 評論