Vue杂项第19页

Jenkins部署Java(maven)项目&Vue前端项目部署流水线pipeline模版-可直接使用Jenkinsfile

流水线已经编写完毕,修改流水线中参数,即可使用tips:注意Jenkins中是否给机器配置了路径前缀,本文均没有配置,使用绝对路径前端VUE部署模版#!

·2025-06-20 20:18

《Vue.js前端框架技术学习心得》

一.初遇Vue.js二.数据绑定的便捷性三.组件化思维的养成四.生命周期钩子函数的理解五.指令系统的强大功能六.响应式原理的深入理解七.以下是我平时写的一些代码截图八.学习方法与实践的重要性在本次Vue.js

dingjiGGbao·2025-06-20 19:41

Vue.js 跨平台开发：Uni-app实战教程

Vue.js跨平台开发：Uni-app实战教程关键词：Vue.js、Uni-app、跨平台开发、小程序、多端适配摘要：本文从“一次开发，多端运行”的跨平台开发需求出发，以Vue.js为技术底座，详细讲解

前端视界·2025-06-20 19:10

uni-app项目实战笔记16--实现头部导航栏效果

代码实现：1.定义一个自定义导航栏组件：custom-nav-bar.vue，并写入如下代码：标题搜索上面的代码定义了状态栏，标题栏的布局，其中：1.状态栏主要显示时间、手机剩余电量等信息；2.标题栏：

moxiaoran5753·2025-06-20 19:40

Vue2组件通信方式大全：8种方法助你打通组件间数据流

/$emit（父子组件通信）二、$refs（父子组件直接访问）三、EventBus（全局事件总线）四、$parent/$children（父子实例访问）五、Provide/Inject（依赖注入）六、Vuex

上单带刀不带妹·2025-06-20 15:45

【Element Plus】Menu组件：url访问页面时高亮对应菜单栏

代码router：import{createRouter,createWebHistory}from'vue-router'exportconstroutes=[{path:

karshey·2025-06-20 13:34

CSS中的深度选择器 deep 详解

在Vue等框架中，当我们使用组件作用域样式（ScopedCSS）时，有时需要修改子组件内部的样式。这时就需要用到深度选择器。深度选择器的几种写法1.

天天进步2015·2025-06-20 13:03

Vue中常用的鼠标移入移出事件

Vue中常用的鼠标移入移出事件Vue中常用的鼠标移入移出事件有两种：@mouseenter和@mouseleave。

爱捣鼓的XiaoPu·2025-06-20 11:49

Vue3 实现系统更新弹窗提示（加强版教程）

Vue3实现系统更新弹窗提示（加强版教程）本文详细讲解如何在Vue3+Vite项目中集成系统更新检测机制，第一时间提示用户刷新页面获取最新内容，适用于PWA或自动部署型SPA项目。

Jinxiansen0211·2025-06-20 10:38

DevExpress BI仪表盘集成OpenAI：实现实时对话式数据分析助手

从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带功能齐

界面开发小八哥·2025-06-20 10:38

从达标到卓越 —— API 设计之道

在前端界，以前有远近闻名的jQuery，近来有声名鹊起的Vue.js。这两者叫好又叫座的原因固然有很多，但是其中有一个共同特质不可忽视，那便是它们的API设计非常优雅。

阿里云云栖号·2025-06-20 09:36

Vue3 + TypeScript 中 hook 优化记录

useElTableExtendedInstance.tsimporttype{ElTableExtendedInstance}from"@/interface";import{ref,typeRef}from"vue

BillKu·2025-06-20 09:31

uni-app总结2-所需知识储备和学习途径

Vue.jsuni-app里是通过Vue来开发的，所以首先肯定是要掌握Vue语言。如果是前端开发者转战uni，就可以省掉很多的学习成本。

Heyuan_Xie·2025-06-20 06:36

使用deepseek实现传统jsp工程转换成前后端分离的spring cloud工程案例

将传统的JSP工程转换为前后端分离的SpringCloud微服务架构需要系统性的重构，以下是具体步骤和注意事项：一、架构设计阶段技术选型前端：Vue.js/React/Angular（推荐Vue3+TypeScript

银行金融科技·2025-06-20 05:01

vue3 +uni-app模仿豆包固定导航入口，可拖拽，兼容PC端和移动端

import{ref,computed,watch,onMounted,onUnmounted}from"vue";import{eventBus}from"@/utils/eventBus.js";constprops

y东施效颦·2025-06-20 04:29

uniapp导航栏随页面滚动淡出显示隐藏效果

213import{ref}from"vue";import{onLoad,onPageScroll}from"@dcloudio/uni-app";importnavbarfrom"@/uni_modules

ekilito·2025-06-20 04:57

【前端】创建一个vue3+JavaScript项目流程

1、检查node和npm是否安装，查看版本：node-vnpm-v2、安装脚手架cli或vite（1）cli安装：npminstall-g@vue/cli检查是否安装成功：vue-v使用cli创建项目：

咚咚咚小柒·2025-06-20 03:53

Saucer 页面嵌入使用举例

文章目录Saucer页面嵌入使用举例saucer-dev/cli包安装执行生成修改`package.json`执行命令参考资料Saucer页面嵌入使用举例以一个Vue3项目为例，把写好的页面转化为适配saucer

Humbunklung·2025-06-20 00:32

从架构到实战：企业级微前端架构深度实践与落地指南（Vue3 + React + Angular）

从架构到实战：企业级微前端架构深度实践与落地指南（Vue3+React+Angular）文章简介在现代前端工程中，随着系统规模与团队数量的增长，单体应用已难以满足敏捷开发与部署的需求。

·2025-06-20 00:31

软考系统架构设计师系列知识点之杂项集萃（94）

接前一篇文章：软考系统架构设计师系列知识点之杂项集萃（93）第170题软件架构设计是降低成本、改进质量、按时和按需交付产品的关键活动。以下关于软件架构重要性的叙述中，错误的是（）。

蓝天居士·2025-06-19 21:39

解决前端vue项目在linux上，npm install，node-sass 安装失败的问题

Unabletosavebinary/var/lib/jenkins/workspace/xxx/node_modules/node-sass/vendor/linux-x64-72:Error:EACCES:permissiondenied,mkdir‘/var/lib/jenkins/workspace/x/node_modules/node-sass/vendor’这个是node-sass安

_朱志强·2025-06-19 20:02

从 v-model 到 defineModel：Vue3 正在悄悄改变开发习惯

一、组件化与双向绑定的演变背景1.早期前端：手写DOM与状态管理痛点在纯JavaScript时代，我们尝尝直接操作DOM、管理全局变量。随着应用复杂度提升，出现了以下问题：状态混乱：UI状态（表单值、控件可见性）散落在各个回调里，难以维护。模块化隔离不足：不同UI模块互相干扰，数据污染严重。手动同步：每次数据改变，都要手动querySelector→更新属性→补齐事件监听器，十分臃肿。2.MVVM

代码里的小猫咪·2025-06-19 20:27

深入理解Vue3里的defineModel

随着vue3.4版本的发布，defineModel也正式转正了。它可以简化实现父子组件之间的双向绑定，也是目前官方推荐的双向绑定实现方式。

百思不得小李·2025-06-19 19:24

独立AI开发者——技术路线与盈利模式规划

1.技术路线规划1.1前端(Vue+JS)：选用Vue3(配合Vite/Pinia)构建SPA，利用现成的对话组件库加速开发。

onceco·2025-06-19 19:23

Vue分片上传于后端接收分片文件

前言做毕设时需要将大文件进行上传到后端进行保存，结合多方面的资料搜集完成了这个功能，但是还是没有做到文件分片上传时统计总上传进度。前端部分实现需要得到一个文件对象，这里不作出叙述了。先上总代码，因为很多部分涉及到了我的具体业务，很多都是多余的，后面慢慢解释重要的片段。uploadFile(file){constMAX_FILE_SIZE=10*1024*1024;//10MBconstchunkS

邻家小妹妹·2025-06-19 19:23

Vue购物车应用实现教程

文章目录1.项目介绍2.开发环境准备3.设计购物车界面4.创建Vue实例和数据模型5.实现购物车功能5.1从本地存储加载数据5.2监听数据变化保存到本地存储5.3实现全选/反选功能5.4计算选中商品的总价和总数量

全栈凯哥·2025-06-19 18:42

Vue.js第一节

初识Vue、插值操作、属性绑定初识：Document12y327y328{{num}}//现在思路全部跟之前的不一样//创建最简单的//创建一个实例得到一个对象constvue=newVue({//这个也称为挂载点会跟目标标签进行绑定

暖苏·2025-06-19 17:37

分布式微服务系统架构第153集：JavaPlus技术文档平台日更

加群联系作者vx：xiaoda0423仓库地址：https://webvueblog.github.io/JavaPlusDoc/https://1024bat.cn/https://github.com

掘金-我是哪吒·2025-06-19 16:58

自定义指令v-login优雅实现登录保护

传统实现方式是在每个需要登录的操作前都添加登录校验逻辑，这会导致：代码冗余维护困难业务逻辑分散解决方案：使用Vue自定义指令v-login统一处理登录校验，让代码更简洁、更专注于业务

EthanPan_·2025-06-19 15:52

Vue动画_从Vue2到Vue3

Vue动画全解析：从Vue2到Vue3的进阶指南在现代Web应用中，动画效果是提升用户体验的重要手段。

layman0528·2025-06-19 15:18

vue el-table 算合计的几种方式

this.totalObj=res.data.data.num;第一种getSummaries(param){const{columns,data}=param;constsums=[];columns.forEach((column,index)=>{if(index===0){sums[index]="合计";return;}letarr=Object.keys(this.totalObj);

码农园区·2025-06-19 13:07

js+vue+element-ui数组,相同名字(也可以是其他的区分字段)的数据只做一次合计

今天遇到了一个问题,项目中有一个数据列表,需要做合计,但是需求是名字相同的只做一次合计,如下图:数据合计问题所以做完后根据项目数据,自己造了一个json,做了一个dome,长个记性a:[{name:'张三',label:'1'

xuxb000·2025-06-19 13:37

WebWorker 深入解析

别慌，听我慢慢道来想象你在开发一个Vue3应用，页面需要处理一个超级复杂的计算任务，比如实时分析一堆数据，或者生成一个炫酷的图像滤镜。

菜喵007·2025-06-19 13:36

WebWorker实现获取视频缩略图、大数组排序和 CSV数据解析

WebWorker使用示例（Vue3+TypeScript+Setup语法糖）本文展示WebWorker在前端开发中的实际应用场景。

菜喵007·2025-06-19 13:36

Uniapp 中 onShow 与 onLoad 的执行时机解析

Vue中onShow与onLoad的执行时机解析在Vue.js（标准Vue）和Uniapp框架中，生命周期钩子的执行机制存在差异，特别是你提到的onShow和onLoad：一、标准Vue.js（浏览器环境

weixin_ab·2025-06-19 13:06

【前端AI实践】DeepSeek：开源大模型的使用让开发过程不再抓头发

有时候你可能正对着屏幕发呆，不知道怎么下手一个Vue的流式请求功能。这时候，DeepSeek就像是你的“编程外挂”，帮你把模糊的需求变成清晰的代码。

小磊哥er·2025-06-19 13:05

vue3监听与计算

Ⅰsetup(){}函数下监听和计算{{sum}}import{watch,computed,ref}from'vue'exportdefault{setup(){constnum=ref(2)watch

湫化椿雨·2025-06-19 13:34

vue3 el-checkbox 筛选勾选项

在Vue3中，如果你想要筛选一个数组中使用了el-checkbox组件的所有勾选项，你可以通过绑定v-model到每个el-checkbox并使用计算属性（computedproperties）或方法来处理这些勾选项

海天胜景·2025-06-19 13:33

vue3 平均值计算

在Vue3中计算平均值，你可以使用JavaScript的基本运算功能。这里我将演示几种常见的方法来实现这个目的。假设你有一个数组，你想要计算其所有元素的平均值。

海天胜景·2025-06-19 13:33

vue实现计算求和

//把值传给苹果苹果：//把值传给橙子设置初始值为3橙子：//把两种水果的值相加显示出来两者之和：//点击做减法运算,$emit子传父事件，当num999时按键不能使用conststepper={template:`-999">+`,data(){return{num:this.count,}},//设置初始值props:{count:{type:Number,default:1}},method

·2025-06-19 13:03

IndexedDB 实现断点续传、分片上传

IndexedDB断点续传本文基于Vue3、TypeScript和Setup语法糖，实现文件断点续传功能，支持网络中断或浏览器关闭后从上次上传位置继续上传，并在浏览器重新打开时通过用户确认自动续传。

菜喵007·2025-06-19 12:01

基于SpringBoot+Vue的公司考勤管理系统

技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。

·2025-06-19 12:28

SSR同构渲染深度解析

一、同构渲染核心原理1.基本工作流程1.用户请求2.服务器执行React/Vue渲染3.返回完整HTML4.浏览器加载JS5.JS“接管”页面（Hydration）6.后续交互由前端框架处理2.关键机制对比机制服务器端客

一个专注写代码的程序媛·2025-06-19 12:27

前端开发：Vue.js 与微前端的集成方案

前端开发：Vue.js与微前端的集成方案关键词：Vue.js、微前端、前端架构、模块化开发、组件化、单页应用、前端工程化摘要：本文深入探讨了Vue.js框架与微前端架构的集成方案，分析了现代前端开发中面临的复杂性问题及其解决方案

前端视界·2025-06-19 11:55

Vue.js 按键修饰符详解：提升键盘事件处理效率

Vue.js按键修饰符详解：提升键盘事件处理效率按键修饰符是Vue.js中处理键盘事件的强大工具，它允许您直接在模板中指定要响应的特定按键，而不需要在方法中编写额外的按键检测逻辑。

步行cgn·2025-06-19 09:09

PHP vs Python (Flask/Django) vs Java (SpringBoot) vs Vue：2024全栈技术终极对决

引言：技术选型的十字路口"没有最好的技术，只有最合适的解决方案"当创业公司纠结PHP的快速上线，大厂坚守Java的稳定可靠，开发者追捧Python的简洁优雅，前端偏爱Vue的灵活高效——本文带你拨开迷雾

伍六星·2025-06-19 08:32

Vue中v-model 原理解析

v-model是Vue中用于实现双向数据绑定的指令，它本质上是一个语法糖，用于简化表单输入和应用状态之间的双向绑定。具体来说，它是:value和@input这两个指令的语法糖。

年纪轻轻就扛不住·2025-06-19 07:57

使用JavaScript实现复制文本功能：从原生JS到Vue3

本文将详细介绍如何使用原生JavaScript和Vue3实现复制功能，并提供一个完整的示例。为什么需要复制功能？在AI对话应用中，用户经常需要复制机器人的回复内容以便在其他地方使用。

Pu_Nine_9·2025-06-19 05:14

Vue 3 路由跳转全面指南(Composition API + ＜script setup＞)

一、前言：为什么要学习VueRouter？在单页面应用(SPA)开发中，路由管理是核心功能之一。

Pu_Nine_9·2025-06-19 05:44

vue3组合式API与vue2选项API

Vue3主推的是组合式API，相对于Vue2的选项API，有以下几个不同点：使用方式：vue2应用的核心架构是基于引入一个单一的vue实例，而在vue3中即便不通过新建一个vue实例也可以创建组件实例。

XXXX_康康吖·2025-06-19 05:43

推荐频道

Vue杂项