jenkin自动化打包vue 第20页

【前端】创建一个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

解决前端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: 选项式与组合式API详解

前言Vue.js作为一款渐进式JavaScript框架，以其简洁易用、灵活高效的特点深受开发者喜爱。随着Vue3的发布，组合式API的引入为开发者提供了全新的代码组织方式。

小智IT·2025-06-19 05:43

Vue的组合式API和选项式API

Vue的组合式API和选项式API是Vue的两种代码风格。

3_Trick·2025-06-19 05:41

【Node技巧】Node部署前端Vue项目的深度解析

目录前言1️⃣Node.js与Vue部署的基本原理2️⃣部署前的准备工作3️⃣Vue项目构建4️⃣Node.js服务器的选择与设置5️⃣部署Vue静态文件6️⃣反向代理与负载均衡配置7️⃣自动化部署流程

·2025-06-19 05:09

Vue.js在前端实时聊天系统中的应用

Vue.js在前端实时聊天系统中的应用关键词：Vue.js、实时聊天系统、WebSocket、前端架构、状态管理、组件化开发、性能优化摘要：本文深入探讨Vue.js在构建实时聊天系统中的应用。

大厂前端小白菜·2025-06-19 04:07

每天一个前端小知识 Day 4 - TypeScript 核心类型系统与实践

复杂业务场景需要强类型保障稳定性；更好的IDE支持和智能提示；降低线上bug概率；成熟的工程团队都在使用；对于React/Vue项目维护可读性更强。

蓝婷儿·2025-06-19 04:37

Vue3 + TypeScript + Element Plus + el-input 输入框列表按回车聚焦到下一行

应用效果：从第一行输入1，按回车，聚焦到第二行输入2，按回车，聚焦到第三行……一、通过元素id，聚焦到下一行的输入框关键技术点：1、动态设置元素id属性为：:id="`input-apply-amount-${(optionasIReagentOption).id}`"2、设置回车监听：@keyup.enter.native="onEnterPressDown((optionasIReagentO

BillKu·2025-06-19 03:58

Vue3 + TypeScript：从环境搭建到组件通信的完整前端开发教程

在前端开发领域，Vue3与TypeScript的组合备受青睐。Vue3带来高效灵活的开发体验，TypeScript则提供强大的类型安全和可维护性。

魏大帅。·2025-06-19 02:55

Vue3 + TypeScript 生命周期钩子使用错误解析 onMounted is called when there is no active component instance to be

[Vuewarn]:onMountediscalledwhenthereisnoactivecomponentinstancetobeassociatedwith.LifecycleinjectionAPIscanonlybeusedduringexecutionofsetup

BillKu·2025-06-19 02:52

Vue3 + TypeScript 本地存储 localStorage 的用法

1、字符串直接操作//存储表格列宽localStorage.setItem(`${tableName.value}_${prop}_colWidth`,newWidth.toString());//获取表格列宽letstorageColWidth=localStorage.getItem(`${tableName.value}_${prop}_colWidth`);//删除本地存储的列宽数据loc

BillKu·2025-06-19 02:52

nextTick 核心原理与应用

Vue.js的nextTick是一个核心异步机制，用于解决DOM更新时机问题。

teeeeeeemo·2025-06-19 02:52

Vue+TypeScript 枚举（Enum）的使用规范

在TypeScript中，枚举（Enum）的命名应遵循以下规范，这些规范结合了TypeScript官方建议和行业最佳实践：枚举命名规范（TypeScript/Vue项目）基本命名规则：使用PascalCase

BillKu·2025-06-19 02:21

Vue大文件上传:让你的文件秒传、断点续传、分片上传---需要后端支持--案例后端使用node

敲黑板：大文件上传是需要后端支持的因为我是前端，我用的是node来说明后端怎么操作。前端自己看懂以后，方便前端工程师与Java后端沟通。首先，大文件上传分为以下几点考量：（1）秒传：服务器已经有该文件了，直接显示上传成功。（2）分片上传：大文件分片传给后端，后端自己组合成一个完整的文件。（3）断点续传：分片上传一半没成功，然后从断点处继续接着上传。（1）秒传a、前端思路：用户上传文件计算文件的ha

陶甜也·2025-06-19 01:45

推荐开源项目：Vue-Layui - 基于Vue.js和Layui的前端框架

·2025-06-19 00:34

Layui-Vue 开源项目教程

Layui-Vue开源项目教程layui-vuelayui-vue是一套Vue3.0的桌面端组件库项目地址:https://gitcode.com/gh_mirrors/la/layui-vue项目介绍

童福沛·2025-06-19 00:34

开源项目 layui-vue 的扩展与二次开发潜力

开源项目layui-vue的扩展与二次开发潜力layui-vueAnenterprise-classUIcomponentsbasedonLayuiandVue.项目地址:https://gitcode.com