vue3防抖

前后端分离VUE3+Springboot项目集成PageOffice核心代码

后端Springboot项目在项目的pom.xml中通过下面的代码引入PageOffice依赖。pageoffice.jar已发布到Maven中央仓库，建议使用最新版本。com.zhuozhengsoftpageoffice6.3.3.1-javax在项目的启动类Application类中添加一项@Bean配置，此为PageOffice服务器端的必要配置，代码如下：@Value("${posysp
wqqqianqian·2025-01-20 17:58

vue3开发：项目添加mitt

Vue2中我们使用EventBus来实现跨组件之间的一些通信，它依赖于Vue自带的on/on/on/emit/$off等方法，而Vue3中移除了这些相关方法，这意味着EventB
·2025-01-20 12:56

vue3实现搜索关键字高亮

其实这个需求非常常见，平时用app、浏览网页时都能用到，那具体是怎么实现的？我做了小案例，先看下效果我们先梳理下这个需求获取搜索关键字，并过滤出符合条件的数据匹配出要高亮的关键字增加样式那其实关键点就在于怎么匹配，如何高亮？这里我们使用正则匹配，再用replace替换，replace的第二个参数也可以是函数，接受的值就是正则匹配到的值：constsearchKey=(val:string)=>{i
前后端都会点儿·2025-01-20 11:46

JSON数据格式转换

在前端Vue3中，处理JSON数据通常涉及到从API获取JSON、解析JSON数据、或者将JavaScript对象转换为JSON字符串。
百事老饼干·2025-01-20 11:16

VUE前端实现防抖节流 Lodash

（1）采用终端导入Lodash库$npmi-gnpm$npmi--savelodash（2）应用示例：搜索框输入防抖在这个示例中，我们希望用户在输入框中停止输入500毫秒后才执行搜索操作，避免频繁请求.
百事老饼干·2025-01-20 11:45

【Vue3】main.js

【Vue3】main.js创建Vue应用实例引入并配置路由配置状态管理挂载应用全局属性与方法使用其他插件在Vue3项目中，main.js文件是整个应用的入口点。
小豆豆儿·2025-01-20 03:33

【VUE3】【Naive UI】＜n-button＞ 标签

【VUE3】【NaiveUI】＜n-button＞标签**`type`**-定义按钮的类型，这会影响按钮的颜色和样式。**`size`**-设置按钮的大小。
小豆豆儿·2025-01-20 03:32

Vue3 使用 pinia

什么是PiniaPinia是Vue的存储库，它允许您跨组件/页面共享状态，与vuex功能一样。准备安装npminstallpinia或者yarnaddpinia使用首先修改main.ts文件main.tsimport'./assets/main.css'import{createApp}from'vue'importAppfrom'./App.vue'import{createPinia}from
有一个好名字·2025-01-20 03:58

Vue 中实现修改数组，并保持页面渲染数据是响应式更改

$set()方法（在Vue2和Vue3中的组合式API）。示例代码（Vue2和Vue3）假设你在Vue组件中处理这个问题：UpdateCard{{card.name}}:{{card.value}}
上趣工作室·2025-01-20 01:09

vue3.0如何快速封装自定义指令！

一、输入框自动获得焦点//定义自定义指令v-focusconstvFocus={//当被绑定的元素插入到DOM中时……mounted(el){//聚焦元素el.focus();}};全局注册指令app.directive('focus',vFocus);使用：二、只能输入数字constvOnlyNumber={mounted(el){//当元素挂载时设置事件监听器el.addEventListen
web网站装修工·2025-01-20 00:35

都用vue3了，还这样用emit？

今天查验一位前端同事代码，发现他为了方便封装了一个通用输入框。但也发现了很严重问题！！！先看看他的封装：子组件：import{ref}from'vue'constname=ref('')constemits=defineEmits(['getName'])constnameBlur=()=>{emits('getName',name.value)}父页面：importInputComponents
web网站装修工·2025-01-20 00:05

你会选择java还是node做后台管理

node和java就看你怎么选了如果你擅长Java，那RuoYi首选RuoYI后台管理系统https://gitee.com/y_project/RuoYi-Vue有vue2又有vue3。
web网站装修工·2025-01-19 22:48

使用vue3实现语音交互的前端页面

代码地址：https://github.com/ZZD3627/my-third-vue.git需求1.前端实现录音并将音频传到通过http请求将音频传递到后端2.基于后端识别的语音及后端返回的内容进行语音沟通实现1.使用MediaRecorder在前端使用录音功能2.使用SpeechSynthesis实现将后端传来的文字进行播放其中一个页面的代码：import{ref,onMounted}fro
张正栋·2025-01-19 15:44

使用vue3实现语音交互的前端页面

要在Vue3中实现语音交互的前端页面，你可以使用WebSpeechAPI。
Rverdoser·2025-01-19 09:56

深入探索 Vue.js 组件开发中的最新技术：Teleport 和 Suspense 的使用

随着Vue3的发布，新的特性和改进为开发者提供了更多的选择和灵活性。其中，Teleport和Suspense是Vue3引入的两项非常有趣和强大的技术，它们能够极大地提升应用的性能和用户体验。
桂月二二·2025-01-19 01:42

0、springboot3 vue3开发平台-系统简介

模块间关联关系1.技术栈1.1后端JDK17SpringBoot3.Xsa-tokenMySQL8.XMyBatis-Plus3.5.XJWTRedismaven等其他工具类技术1.2前端Node.is20.XVue3vue-router4painaviteElement-plus2
不知所云,·2025-01-19 01:12

vue3 + ts + vite 工程化开发Tampermonkey【油猴、篡改猴】脚本

项目概述vue3+ts+vite工程化开发Tampermonkey【油猴、篡改猴】脚本。编译后生成Tampermonkey脚本，导入到Tampermonkey插件中直接使用。
雷特130·2025-01-18 23:20

vue3大屏可视化项目，包含地图，各种 图表，全屏适配方案

项目设计1.始终满屏适配，这种方案一般用在屏幕变化不会特别的大项目，项目基本上不会用在比例非常不协调的大屏，设计图按1920*1080标准电脑屏幕比，所用的屏幕也基本在这个比例左右2.涉及图表知识点简单，主要有自定义色系，环形图，堆叠柱状图，折线图3.使用高德地图标点做中间地图满屏适配方案实现思路1宽度使用vw，高度使用vh，严格按照设计图换算，并且留出缓冲空间2具体算法，设计图为1920_108
m0_74825526·2025-01-18 22:41

在electron中实现一个桌面悬浮球

概要在electron+vue3搭建的应用中实现了一个桌面悬浮球/mini窗口的功能，支持任意拖拽、丝滑的菜单折叠展开动画效果。
·2025-01-18 18:40

Mac pnpm安装

sudonpminstall-gnpm(安装pnpm:)sudonpminstall-gpnpm检验安装是否成功：pnpm--version项目内安装依赖：pnpminstall/运行项目：pnpmdev最近在开发vue3
是二牙·2025-01-18 12:39

前端框架: Vue3组件设计模式

前端框架:Vue3组件设计模式在前端开发中，Vue框架一直受到开发者的喜爱。
苹果酱0567·2025-01-18 08:37

Vue 3 中的 `setup()` 函数有什么作用？它在组件生命周期中的位置是什么？

在Vue3中，setup()函数是CompositionAPI的入口点，它在组件实例创建之前被调用，并且是响应式系统的上下文。
chenNorth。·2025-01-18 04:41

Vue3+Echarts 绘制省会地图

Vue3+Echarts绘制省会地图需求：绘制XX省会地图（背景颜色，边框颜色都可自定义，有相应代码注释）鼠标点击XX市区，区域变红色，再次点击，恢复默认蓝色鼠标移入XX市区，区域变橘色，鼠标移开，恢复默认蓝色效果图如下
OPQ迷路的羔羊·2025-01-18 04:37

vue3 + echarts5.4.3 实现3D省份地图【动态icon】

vue3+echarts5.4.3实现3D省份地图【动态icon】vue3项目+echarts5.4.3实现效果：1.下载echarts插件2.按需引入echarts插件3.复制省份json文件1.
和生活比个Y·2025-01-18 03:35

Pinia的使用（VUE3+VITE）

官方地址https://pinia.vuejs.org/zh/安装​​​​​​​npminstallpinia挂载插件import{createApp}from'vue'import{createPinia}from'pinia'importAppfrom'./App.vue'createApp(App).use(createPinia()).mount('#app')定义Store(选项式或组合
itwlz·2025-01-18 03:03

Vue3使用wow.js动画库

1.下载依赖npminstallwow.js--save2.导入importWOWfrom"wow.js";onMounted(()=>{wowjsFn();});constwowjsFn=()=>{letwow=newWOW({boxClass:"wow",//animatedelementcssclass(defaultiswow)animateClass:"animated",//anima
itwlz·2025-01-18 03:02

2025 第一弹：3 分钟带你使用 Cursor 生成新年祝福

这一次我们使用Cursor来生成一个新年祝福的动画，并使用Vue3和Vite4来实现。要求是不能编写任何代码，只使用Cursor来生成代码。下载cursor下载地址安装cursor双击安装即可。
·2025-01-18 01:31

Vue3 Element-Plus Tree组件基本使用

文章目录前言一、前置工作-引入二、步骤1.呈现2.增加点击回调总结前言写博客的时候第一次用这个组件,ElementPlus的TypeScript范例让我吃了点苦头,数据绑定那块搞了好一会才弄明白.不过好在最后还是做出来了,记录一下基本用法.一、前置工作-引入main.js:import{ElTree}from'Element-Plus';import'../node_modules/element
白瑕·2025-01-17 21:42

【Vue】使用 Pinia 进行状态管理

下面将展示如何在Vue3项目中使用Pinia进行状态管理。这个示例包括多个store，使用getters和actions，以及在组件中使用这些store。
Vesper63·2025-01-17 21:42

Vue3.0 + Element Plus｜ 侧边导航栏、标题栏组件应用全局

刚开始接触项目，从0开始搭建管理平台，最开始先写的页面布局，采用的很笨的方法：每写一个页面就写一次页面布局样式后来随着页面逐渐变多，代码冗余量也逐渐增多。于是采取了以下方法将整体的页面布局注册为了全局布局组件：App.main文件HTML：
StellaXiao98·2025-01-17 20:31

HBuilder X打包运行鸿蒙应用(vue2 -＞ vue3)

HBuilderX打包运行鸿蒙应用vue2->vue31.manifest.json配置为vueVersion：32.main.js调整（下方已补充）3.store调整4.增加入口文件index.html5
木子李–刚步入开发的小学生·2025-01-17 18:52

Monorepo设置：新手指南

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读Monorepo是一种项目代码管理方法，指在单个代码仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署的复杂性，并提供更好的可重用性和协作性
·2025-01-17 14:36

深入探究 Vue 3 中动态组件加载与性能优化

在Vue3中，官方提供了动态组件加载与性能优化的支持，通过动态导入(DynamicImport)和Suspense组件的结合，我们可以更好地管理资源、减少初始加载时间，同时提升用户体验。
桂月二二·2025-01-17 12:27

vue中的那些事（刷新+key+v-if,v-for）

文章目录vue中添加属性，页面不刷新解决方法解决思路：解决方法：注意事项：vue3中解决方案解决思路：解决方法：注意事项：vue中key一、基本概念二、`key`的作用三、`key`的原理四、`key`
放逐者-保持本心，方可放逐·2025-01-17 11:49

告别CSS margin 和 padding 简写,拥抱更优雅的解决方案

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在前端开发中,CSS的外边距(margin)和内边距(padding)是使用频率极高的属性。
·2025-01-17 09:49

使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(02)

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读NextAuthv4介绍NextAuth是一个开源的身份验证解决方案，适用于全栈（Next）应用程序。
·2025-01-17 09:19

使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(01)

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读最近开始研究Strapi，这是一个无头CMS。由于它仅提供后端，前端部分包括身份验证流程需要你自己构建。
·2025-01-17 09:19

只有 2% 的开发人员知道的 7 种神奇 JavaScript 数组方法

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读很多人使用JavaScript数组时，最多就是for循环、map()或者filter()等常见方法，但其实数组还有不少“隐藏招数”。
·2025-01-17 09:16

Vue3 中如何根据路由动态生成侧边菜单

在Vue3的项目开发，尤其是后台管理系统这类复杂应用场景中，侧边菜单扮演着举足轻重的角色，它是用户快速导航至各个功能模块的得力助手。
Jiaberrr·2025-01-17 07:07

基于 Vue 的拖拽缩放卡片组件：实现思路、方法及使用指南

项目源码地址：https://gitcode.com/Jiaberrr/vue3-pc-template实现思路定位与布局：通过position:absolute对卡片进行定位，利用left、top、ri
Jiaberrr·2025-01-17 07:07

如何只使用 CSS 实现网站的暗黑模式切换

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读想让你的网站从“明亮清新”切换到“暗黑酷炫”，而不依赖任何JavaScript？没问题！
·2025-01-17 05:01

vue中在一个页面复用同一个echarts写的组件不能显示的问题，使用ref解决问题及原理分析

②再创建一个Vue3的响应式引用perChart，其初始值为
比较好记·2025-01-17 04:19

vue3中的provide和inject实用案例之基于el-dialog的命令式弹框，直接一行js代码打开

需求场景某些情况下，我们要使用一个弹框组件的时候一般都是这样使用：Thisisadialogimport{ElDialog}from'element-plus'import{ref}from"vue";constdialogVisible=ref(false)constopen=()=>{dialogVisible.value=true}也就是说，每次想要有一个弹框打开功能都需要引入ElDialo
·2025-01-17 00:44

5分钟内理解 .prototype 链 | 2024

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在JavaScript的世界里,原型(prototype)系统是一个常被讨论但不易掌握的概念。
·2025-01-16 22:36

vue3中用MutationObserver加hook方式实现视频不可拖拽功能&效能工具（六）一键提交git代码bat脚本

github完整代码：https://github.com/shuirongshuifu/vue3-echarts5-example需求描述项目中有视频播放功能采取的是开源组件，西瓜视频的开源组件点击去官网
·2025-01-16 22:36

Vue3中使用hook实现按住Shift快速勾选el-table功能

键快速勾选功能大概就是仿windows系统的文件shift按住选中功能反正就是尽可能多的让用户勾选方便用户快速勾选操作github完整代码：https://github.com/shuirongshuifu/vue3
·2025-01-16 22:04

vue3 uiapp实现一个数字输入组件， 输入非数字会默认转成最小数

实现一个数字输入组件用户输入字符串、汉字、字母等非数字，会默认转成最小数使用vue3最新语法defineModel-=max}"@click="handlePlus">+import{ref,toRefs
初遇你时动了情·2025-01-16 22:23

只有 1% 的开发人员能在 60 秒内找到代码中的错误

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读下面这段简单的JavaScript代码里藏着一个不起眼但足以让人抓狂的错误：functiongetResult(a,b){return{
·2025-01-16 18:30

npm安装vue.js的2.x和3.x版本的vuex/vue-router/vue-cli安装命令

1.vue2和vue3安装几个组件的指令有@的区别vue2安装组件指令没有@,但是vue3有,我不知道为啥。
·2025-01-16 16:24

Vue3中通过加密串进行后端验证并实现登录跳转教程

在Vue3中进行登录并通过加密串进行后端验证，一般步骤是：用户输入用户名和密码，前端将其加密后发送给后端进行验证，后端验证通过后，返回身份验证信息（如令牌），前端接收验证结果并实现登录跳转。
·2025-01-16 15:41
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他