vue2迁移到vue3

在vue2中使用全局监听浏览器窗口变化，适配手机端判断

1新建文件windowSizeMixin.js有三个属性可以使用windowWidth(窗口宽度)，windowHeight（窗口高度），MobileVerification（是否是在手机端）当然还可以加其他的内容问题：如果设置了固定的宽度，比如给页面元素的宽度设置了定好的1200px后，会导致在f12界面改为手机端的时候innerWidth获取的宽度还是1200px，而不是手机端的宽度（未解决，
Shi_haoliu·2025-05-26 18:18

前端vue2-完全前端生成pdf-＞pdf-lib,html2canvas+jspdf,原生打印，三种方式（打印带有echarts图的pdf）

pdf-lib：优点是可以控制输出内容，缺点是麻烦html2canvas：优点是直接把html页面转成图片之后插入pdf很方便，不用过多的代码，缺点是不好控制图片大小，容易被戒断，可以把想打印的内容藏在页面外面(postion:absoult;left:-9999)原生打印：原生浏览器打印，完全无法控制pdfkit：尝试了一下pdfkit，一直在报错，不好用目前只有0.12.1版本能打印，但是ec
Shi_haoliu·2025-05-26 18:17

如何在 Vue 3 中实现懒加载组件？

如何在Vue3中实现懒加载组件？随着现代前端框架的发展，懒加载作为一种优秀的性能优化技术，在用户体验和加载速度上扮演着越来越重要的角色。
JJCTO袁龙·2025-05-26 16:37

watch与watchEffect有什么区别，分别在什么场景下使用

在Vue3的CompositionAPI中，watch和watchEffect都是用于响应式侦听数据变化的工具，但它们的核心逻辑和使用场景有显著区别。
程序员流年大运·2025-05-26 15:33

vue3自定义audio音频播放【进度条，快进，后退，音量加减，播放速度】

本文将介绍如何使用Vue3构建一个功能完备的自定义音频播放器，包含进度条控制、快进/后退、音量调节和播放速度控制等功能。
故事与九·2025-05-26 12:11

Vue3ts封装一个可任意拖拽的浮动气泡组件，允许 x 和 y 轴方向拖拽，吸附到 x 轴方向最近一边，可点击

最近项目中遇到一个需求：开发一个类似豆包（AI）的悬浮球功能。该悬浮球以浮动气泡的形式呈现，初始状态下默认位于屏幕右下角。用户可以通过拖拽操作，在屏幕的x轴（水平方向）和y轴（垂直方向）上自由移动悬浮球。当用户停止拖拽时，悬浮球会自动吸附到x轴方向上距离最近的屏幕边缘，确保其位置稳定且符合用户操作习惯。此外，悬浮球还具备可点击性，能够响应用户的点击拖拽功能：通过监听mousedown、mousem
故事与九·2025-05-26 12:40

Vue3编译优化：静态提升与树结构优化

标题：Vue3编译优化：静态提升与树结构优化关键词：Vue3、编译优化、静态提升、树结构优化一、Vue3编译优化概述在开发现代Web应用程序时，性能一直是一个重要的关注点。
苹果酱0567·2025-05-26 12:10

Vue3的模块化设计: 使用Script Setup API

Vue3的模块化设计:使用ScriptSetupAPI一、介绍ScriptSetupAPI在Vue3中，引入了一种全新的API，即ScriptSetupAPI，它能够大大简化组件的编写过程，降低代码量，
武昌库里写JAVA·2025-05-26 12:09

Vue3渲染引擎：虚拟DOM与响应式原理

Vue3渲染引擎：虚拟DOM与响应式原理在当今的前端开发中，Vue.js作为一种流行的JavaScript框架，经常被用来构建用户界面。
武昌库里写JAVA·2025-05-26 12:09

Vue3与React构建可扩展Web应用的技术方案深度研究报告（2024-2025）

研究概览基于对2024-2025年最新技术趋势、企业实践案例和市场数据的深入研究，本报告全面分析了Vue3和React在构建可扩展web应用方面的技术方案。
·2025-05-26 11:05

Vue3编译器:静态提升原理

Vue3编译器:静态提升原理一、Vue3编译器简介编译器概述是一款流行的JavaScript框架，它提供了一种用于构建用户界面的渐进式框架。
武昌库里写JAVA·2025-05-26 11:35

svn迁移到git保留记录和Python字符串格式化 f-string的进化历程

svn迁移到git保留记录andPython字符串格式化(二）：f-string的进化历程在将项目从SVN迁移到Git时，保留完整的版本历史记录非常重要。
kunwen123·2025-05-26 09:25

基于K8S的灰度发布实践

在其上可以进行A/Btesting，即让一部分用户继续用产品特性A，一部分用户开始用产品特性B，如果用户对B没有什么反对意见，那么逐步扩大范围，把所有用户都迁移到B上面来。
叱咤少帅（少帅）·2025-05-26 08:16

oracle rac步骤概述,Oracle RAC 基本概念及入门

一些Clusters仅仅为了提供高可用性的，在当前活动的node发生故障时转移到次节点node。另一些是为了提供分布式的连接、工作的可扩展性。
李玉北·2025-05-26 07:06

Python 前后端分离的架构

1.1requirements.txt1.2database.py1.3models.py1.4schemas.py1.5crud.py1.6api/endpoints.py1.7main.py1.8启动后端2.前端部分（Vue3
卖血买老婆·2025-05-26 03:45

CSS面试题常用知识总结day03

从CSS——>Javascript——>VUE2——>Vuex、VueRouter、webpack——>VUE3——>pinia、Vite把前端基本的从新顺一遍，找出自己的不足。
无尘本无物·2025-05-26 01:36

uniapp - [微信小程序] 实现点击预览各种文件 pdf文档、视频mp4、mp3音乐、图片图像、word/excel/ppt 等，uniapp小程序文件预览功能（详细示例代码，一键复制开箱即用）

uniappVue3和Vue2都能用，直接复制运行示例代码，稍微改下就能用了。示例源码下面就是全部源码了，请复制运行后
十一猫咪爱养鱼·2025-05-26 01:03

前端框架从0到1实战：simple框架设计全解析 (1) ：框架概览

当你还在为Vue3和React18的新特性纠结时，有没有想过——自己设计一个前端框架？今天，我们将从零开始构建一个轻量级响应式框架：simple，带你看透框架底层原理，摆脱"框架使用者"的被动角色！
smallluan·2025-05-26 01:29

前端流行框架Vue3教程：27. 依赖注入

27.依赖注入通常情况下，当我们需要从父组件向子组件传递数据时，会使用props。想象一下这样的结构：有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下，如果仅使用props则必须将其沿着组件链逐级传递下去，这会非常麻烦这一问题被称为“prop逐级透传”provide和inject可以帮助我们解决这一问题。一个父组件相对于其所有的后代
Python涛哥·2025-05-26 00:51

前端流行框架Vue3教程：24.动态组件

24.动态组件有些场景会需要在两个组件间来回切换，比如Tab界面我们准备好AB两个组件ComponentAComponentAApp.vue代码如下：importComponentAfrom"./components/ComponentA.vue"importComponentBfrom"./components/ComponentB.vue"exportdefault{data(){//初始化组
Python涛哥·2025-05-25 23:47

在vue中重复组件导入简化方案

重复组件导入简化在Vue3项目中，如果你发现每个组件都要重复导入api和utils，是可以通过几种方式简化甚至完全避免这些重复导入的。
Code_Geo·2025-05-25 22:06

uni-app - - - - -vue3使用i18n配置国际化语言

uni-app-----使用i18n配置国际化语言1.安装vue-i18n2.配置文件2.1创建如下文件2.2文件配置2.3main文件导入i18n3.页面内使用3.1template内直接使用3.2变量接收使用1.安装vue-i18nnpminstallvue-i18n--save2.配置文件2.1创建如下文件locales文件夹里的js文件，对应各个语言的配置2.2文件配置en-US.js//
Dark_programmer·2025-05-25 21:57

Vue.js入门系列（三十二）：Vue3技术——工程结构分析、开发者工具安装与初识 `setup`

个人名片作者简介：java领域优质创作者个人主页：码农阿豪工作室：新空间代码工作室（提供各种软件服务）个人邮箱：[[email protected]]个人微信：15279484656个人导航网站：www.forff.top座右铭：总有人要赢。为什么不能是我呢？专栏导航：码农阿豪系列专栏导航面试专栏：收集了java相关高频面试题，面试实战总结️Spring5系列专栏：整理了Spring5重要知识点与
码农阿豪@新空间·2025-05-25 19:50

【3分钟准备前端面试】Vue2与Vue3核心原理

目录响应式系统对比虚拟DOM与渲染机制编译器原理剖析核心API实现原理性能优化体系生态架构对比
江拥羡橙·2025-05-25 19:19

Vue3响应式数据: 深入分析Ref与Reactive

Vue3响应式数据:深入分析Ref与Reactive介绍作为一个流行的前端框架，其响应式数据系统是其核心特性之一。在Vue3中，我们可以使用Ref和Reactive两种方式来创建响应式数据。
caihuayuan5·2025-05-25 19:16

零代码编程体验之Cursor+Claude-3.5-sonnet

让我们使用Vue3和Vite来创建这个应用。我们将使用以下技术栈：Vue3
在代码的海洋中自由航行·2025-05-25 18:12

three.js创建地球仪

技术栈：vue3+three.js创建地球仪分为以下几步创建场景、相机、渲染器创建图形加载贴图，创建材质创建物体添加物体到场景创建场景、相机、渲染器创建场景、相机、渲染器之前，需要创建一个容器元素，用来承载
前端御书房·2025-05-25 18:39

threejs生成3d地图

技术栈：vue3+three.js使用threejs生成3d地图分为3步获取地图数据使用threejs创建地图形状渲染创建的形状获取地图数据地图数据可以通过datav网站获取，获取的文件是一个json文件
前端御书房·2025-05-25 18:39

Vue3渲染引擎：虚拟DOM与响应式原理

Vue3渲染引擎：虚拟DOM与响应式原理在当今的前端开发中，Vue.js作为一种流行的JavaScript框架，经常被用来构建用户界面。
caihuayuan4·2025-05-25 17:33

Vue3渲染引擎：虚拟DOM与响应式原理

Vue3渲染引擎：虚拟DOM与响应式原理在当今的前端开发中，Vue.js作为一种流行的JavaScript框架，经常被用来构建用户界面。
caihuayuan4·2025-05-25 17:33

vue3中自定义指令使用

Vue3自定义指令详细使用指南1.基本结构一个完整的自定义指令包含以下可选钩子函数：constmyDirective={//指令第一次绑定到元素时调用（只调用一次）created(el,binding,
今日日手感尚佳·2025-05-25 16:28

CSS，我可以写 if/else 语法了？

作者：KentondeJong译者：前端小智来源：codingnconcept有梦想，有干货，微信搜索【大迁世界】关注这个在凌晨还在刷碗的刷碗智。
@大迁世界·2025-05-25 14:19

DataX的json配置文件，{}，[]讲解

通过DataX将文件系统迁移到MySQLpython/bigdata/datax/bin/datax.py-rtxtfilereader-wmysqlwriter配置文件如下，（json文件中是不允许有
WZMeiei·2025-05-25 13:12

Docker 监控之 SaaS 解决方案

另一方面，大家的注意力也渐渐从“Docker是什么”转移到“实践Docker”与“监控Docker”上。
qq_26923057·2025-05-25 11:28

阿里云容器镜像如何迁移到Harbor

然而，由于数据隐私和安全性的原因，公司领导决定把所有镜像迁移到私有的Harbor仓库。你被指定为技术负责人，需要完成这次迁移工作。
旺仔牛奶糖·2025-05-25 09:48

镜像迁移到registry_阿里云镜像仓库镜像迁移至私有Harbor

下载镜像同步工具wgethttps://goodrain-delivery.oss-cn-hangzhou.aliyuncs.com/boe/image-syncer&&chmod777image-syncer编写配置文件auth.yaml，模板如下:username:password::username:password:获取当前集群所有使用的镜像#获取命名空间，平台上运行的所有组件命名空间为随
weixin_39525255·2025-05-25 09:17

Vue3 开发中常见的问题和解决办法

目录1.使用reactive封装基础数据类型2.解构reactive对象3.使用.value造成的困惑4.Emitted事件5.声明组件选项6.使用ReactivityTransform7.定义异步组件8.template中使用不必要的包装元素9.生命周期函数1.使用reactive封装基础数据类型由于reactive只能用于对象，对于基础数据类型（如字符串、数字），应使用ref来创建响应式引用。
小刘哥007·2025-05-25 08:38

Vue3 - reactive 复杂类型（通俗易懂，详细教程）

回忆Vue2先来看个Vue2定义复杂数据的例子。<h1
王二红·2025-05-25 07:00

Vue 3 响应式系统：避免无限递归循环

目录响应式系统的基础无限递归的风险避免无限递归的方法1.使用条件判断2.分离副作用3.限制依赖实践中的注意事项响应式追踪避免递归的实际应用中的挑战Vue3的响应式系统是其核心特性之一，它通过代理（Proxy
小刘哥007·2025-05-25 07:58

Vue3中reactive响应式使用注意事项

Vue3的reactive是创建响应式对象的核心API，但在使用过程中有一些需要注意的事项：1：基本使用限制仅对对象类型有效：reactive只能用于对象类型（Object、Array、Map、Set等
小徐敲java·2025-05-25 07:26

vue3深入组件——依赖注入

一、场景介绍：一般父子间信息传递是通过props，但是一个多层嵌套的组件，必须将其沿着组件逐级的传递下去，这就是props的逐级透传。二、上述情况下，就需要用到provide和inject；一个父组件相对于其所有的后代组件，会作为依赖提供者。任何后代的组件树，无论层级有多深，都可以注入由父组件提供给整条链路的依赖。1、为后代组件提供数据，需要使用Provide(提供)provide('name',
皓月当空hy·2025-05-25 05:14

vue3 组合式API：插槽

一、内容与出口1、元素是一个插槽出口(slotoutlet)，标示了父元素提供的插槽内容(slotcontent)将在哪里被渲染。插槽内容可以是任意合法的模板内容，不局限于文本，可以是多个元素，甚至是组件//插槽内容可以是多个元素，也可以是组件Clickme!Clickme!//模板//最终渲染出的DOM是这样：Clickme!二、渲染作用域1、插槽内容可以访问到父组件的数据作用域，因为插槽内容本
皓月当空hy·2025-05-25 05:44

Vue使用Vue Router路由：开发单页应用

Vue使用VueRouter路由系列文章：《Vue使用VueRouter路由：开发单页应用》《Vue使用VueRouter路由：通过URL传递与获取参数》《Vue3.0使用JavaScript脚本实现VueRouter
pan_junbiao·2025-05-25 05:14

大队项目流程

1.整体架构图解前端(Vue3)→后端(Java)→Python算法→后端(Java)→前端(Vue3)↓↓↓↓↓用户选择接收请求执行贴图返回结果展示模型船型/日期调用算法处理处理响应2.详细流程设计2.1
Ajaxm·2025-05-25 00:45

基于cornerstone3D的dicom影像浏览器 第二十一章 显示DICOM TAGS

系列文章目录第一章下载源码运行cornerstone3Dexample第二章修改示例crosshairs的图像源第三章vite+vue3+cornerstonejs项目创建第四章加载本地文件夹中的dicom
西哥写代码·2025-05-25 00:14

vue3前端开发过程中，解决跨域

前端代理解决方案（开发环境）,如果你使用的是Vite、Webpack等构建工具，可以配置代理：//vite.config.jsexportdefaultdefineConfig({server:{proxy:{'/api':{target:'http://192.168.11.51:7001',changeOrigin:true,rewrite:(path)=>path.replace(/^\/a
小徐敲java·2025-05-24 22:06

vue3自定义指令来实现 v-copy 功能

v-copy在Vue3中，可以通过自定义指令来实现v-copy功能定义指令-新建copy.ts文件//安装pnpmilement-plus-Dimporttype{Directive,DirectiveBinding
会飞的鱼先生·2025-05-24 21:28

sqlite auto-vacuum的使用

auto-vacuum作用auto-vacuum原理是把空闲页移到数据库末尾，从而减小数据库大小。但是存在个问题，会出现数据库碎片化。而va
chenwr2018·2025-05-24 20:21

CMS系统中CKEditor插件如何支持多种文件格式导入与展示？

要求：开源，免费，技术支持编辑器：ckeditor前端：vue2,vue3.vue-cli后端：asp,java,jsp,springboot,php,asp.net,.netcore功能：导入Word
M_Snow·2025-05-24 19:13

富文本编辑器能否直接粘贴Word中的复杂公式？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
M_Snow·2025-05-24 19:13
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他