vue按键全屏

vue 拖动、缩放容器组件，支持移动端双指缩放和PC端鼠标滚轮缩放

原理本组件基于CSS的transform实现。移动端监听touch事件（单指移动，双指移动+缩放），PC端监听mouse事件（移动）和滚动事件wheel（缩放），更新transform的translateX/translateY/scale值，从而实现缩放、移动。由于transform不会产生重排，因此不节流也可以有很好的性能，用户体验就像德芙，纵享丝滑！鼠标事件比较好理解，记录鼠标按下时的坐标，

warmbook·2025-01-25 19:17

Vue指令可拖动元素，兼容PC和移动端

Vue.directive('movable',{bind(el){letagent=window.navigator.userAgent.toLowerCase(),start,move,end//判断当前是移动端还是

warmbook·2025-01-25 19:17

Vue＜router-view＞＜/router-view＞学习心得

今天看到个Vue项目结构中使用到了，于是了解学习了用法。

立志成为架构师·2025-01-25 19:45

canvas开发动态足迹图

前段时间有一个这样的足迹图的需求，以下是实现的代码：-->{{historyItem.chatTitle}}{{historyItem.time}}import{onBeforeMount,ref,watch}from'vue'importNavHeaderfrom

小蒋是个老程序员了·2025-01-25 18:45

Vue.js组件开发案例（比较两个数字大小）

见过不少人、经过不少事、也吃过不少苦，感悟世事无常、人心多变，靠着回忆将往事串珠成链，聊聊感情、谈谈发展，我慢慢写、你一点一点看......实现一个比较2个数字大小的组件，当输入2个数字后，单击“比较”按钮后自动输出比较结果。第1个数字：第2个数字：比较比较结果：{{result}}exportdefault{data(){return{num1:0,num2:0,result:0,};},met

我曾经是个程序员·2025-01-25 17:02

2501_90243308·2025-01-25 16:59

vue 中常用的 $

$set(this.formData,'department',currTreeItem)是Vue.js提供的一个方法，用于向响应式对象中添加新的属性，并确保这个新属性是响应式的（即，当该属性发生变化时

weixin_42113341·2025-01-25 15:45

React Native 0.77 发布：更强的样式支持与性能优化

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读ReactNative0.77正式发布！

·2025-01-25 14:04

vue项目运行报：SassError: expected selector...

/deep/和::v-deep都是用于Vue单文件组件（.vue文件）中的样式穿透选择器;/deep/在Sass中并不被支持，如果是在Vue单文件组件中，并且需要穿透样式，可以使用::v-deep代替/

落日弥漫的橘_·2025-01-25 13:36

海康威视ISAPI协议获取全屏温度数据

获取全屏温度接口GEThttp://192.168.3.28/ISAPI/Thermal/channels/2/thermometry/jpegPicWithAppendData?

666先生的救赎·2025-01-25 13:01

Vue组件的概念与复用

目录一、引言二、为什么使用组件二、什么是Vue组件三、组件的复用优势四、组件复用的实现方式五、组件通信六、总结一、引言在Vue.js的世界里，组件是构建用户界面的基石。

2401_85969651·2025-01-25 11:50

Vue 组件的概念与复用

目录一、引言二、什么是Vue组件三、组件的复用优势四、组件复用的实现方式五、组件通信六、总结一、引言在Vue.js的奇妙天地里，组件宛如熠熠生辉的基石，稳稳撑起用户界面构建的大厦。

2401_85969651·2025-01-25 11:49

Vue - watch() 监视属性的使用

在Vue3中，watch()是一个用于观察响应式数据的API，可以用来在数据变化时执行某些操作。它是在Vue的组合式API中使用的主要功能之一，允许在代码中细致地控制数据变化的反应。

来一碗刘肉面·2025-01-25 11:49

springboot+vue项目实战2024第三集修改用户信息

1.获取用户信息@GetMapping("/userInfo")//@RequestHeader(name="Authorization")StringtokenpublicResultuserInfo(){//Mapmap=JwtUtil.parseToken(token);Mapmap=ThreadLocalUtil.get();Stringusername=(String)map.get("

·2025-01-25 10:00

vscode 前端常用插件安装大全

在使用VisualStudioCode(VSCode)进行前端（特别是Vue.js）和Node.js开发时，安装合适的扩展插件可以大大提升开发效率和代码质量。

weixin_42113341·2025-01-25 09:32

Vue项目中使用Sass实现动态换肤

color-warning:#f2a626,color-danger:#ee2e6b,background:#fff,background-content:#f4f7fc,background-color:#eaedf7,),//darkthemedark:(color-primary:#3961f5,color-primary-second:#5e81f7,color-text-primary:

2401_84447065·2025-01-25 07:22

一个上亿用户的电商平台的架构设计

一.总体架构Listitem客户端层(ClientLayer)Web客户端：使用现代前端框架（如React,Angular,Vue.js）开发响应式网页，保证在不同设备上的良好用户体验。

北京小太阳·2025-01-25 07:48

【Vue】Part4 接口调用

接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函数promise主要解决异步深层

福安德信息科技·2025-01-25 07:15

通过函数创建 ant-design-vue 的 Drawer 组件和 Modal 组件

原由通常在业务中，写抽屉组件或者弹框组件的时候，都是用visible属性来控制是否显示：OpenModalwithasynclogic{{ModalText}}exportdefault{data(){return{ModalText:'Contentofthemodal',visible:false,confirmLoading:false,};},methods:{showModal(){th

·2025-01-25 06:26

springboot+vue项目实战2024

1.创建项目@SpringBootApplicationpublicclassApp{publicstaticvoidmain(String[]args){SpringApplication.run(App.class,args);}}2.引入依赖4.0.0org.springframework.bootspring-boot-starter-parent3.1.3com.ivan.cnshizh

·2025-01-25 06:26

uniapp中使用vant wappp

.custom-button{.van-button{background-color:blue;border-radius:10px;}}如果你的style样式中存在scoped，我们可以利用vue中的语法

m0_70647189·2025-01-25 05:05

Docker多架构镜像构建踩坑记

背景公司为了做信创项目的亮点，需要将现有的一套在X86上运行的应用系统迁移到ARM服务器上运行，整个项目通过后端Java，前端VUEJS开发通过CICD做成Docker镜像在K8S里面运行。

一直学下去·2025-01-25 04:55

vue使用pdf.js实现移动端在线PDF文件预览

背景产品需求涉及到动态的PDF展示，PDF是由后端去生成的，然后下发给前端在线的cdn地址，H5需要实现在线PDF预览的能力方案H5展示合同PDF，有很多实现方式。但是通过尝试后发现在不同操作系统会存在兼容性问题方案表现iframe的形式iOS：只能展示第一页，多页不能展示Android：弹出下载弹窗PC：正常展示embed标签iOS：只能展示第一页Android：弹出下载弹窗PC：显示不出来vu

yujin0213·2025-01-25 03:47

微前端架构在前端开发中的实践与挑战

随着单页面应用（SPA）和前端框架如React、Vue、Angular的快速发展，现代前端应用的复杂度日益提升。尤其是当应用规模逐渐增大时，单一的代码库往往难以应对不同团队的协作和版本管理问题。

桂月二二·2025-01-25 02:43

springboot+vue项目实战2024第四集修改文章信息

1.添加文章信息@PostMappingpublicResultadd(@RequestBody@ValidatedArticlearticle){articleService.add(article);returnResult.success();}voidadd(Articlearticle);@Overridepublicvoidadd(Articlearticle){article.set

·2025-01-25 01:51

web速览

Vue.js：一个渐进式的

qzhqbb·2025-01-25 01:32

【Unity3D小功能】Unity3D中实现场景的淡入淡出效果

恬静的小魔龙·2025-01-24 23:49

Three.js实战项目01：vue3+three.js实现圣诞动画贺卡项目

文章目录创建项目加载模型设置天空与水设置天空设置水纹添加点光源相机位置和文字切屏添加星星完整代码下载创建项目创建vue3项目【christmas-app】：npminitvite@latest安装两个库

叁拾舞·2025-01-24 22:46

Cesium+Vue3教程（009）：基于Vue3+Cesium加载渲染GeoJson数据

文章目录加载渲染GeoJson数据使用GeoJsonDataSource加载GeoJSON数据自定义样式注意事项加载渲染GeoJson数据在Cesium中，可以使用Cesium.GeoJsonDataSource来加载和显示GeoJSON数据。GeoJSON是一种广泛使用的地理空间数据格式，可以包含点、线、面等地理要素以及相关属性。使用GeoJsonDataSource加载GeoJSON数据示例代

叁拾舞·2025-01-24 22:45

Cesium+Vue3教程（010）：基于Vue3+Cesium的KML数据和CZML数据介绍

文章目录09-KML数据生成全球科学研究所地理标记10-KMZ数据加载GDP数据11-CZML数据介绍初始CZML数据加载CZML09-KML数据生成全球科学研究所地理标记在Cesium中，可以使用Cesium.KmlDataSource来加载和显示KML数据。KML(KeyholeMarkupLanguage)是一种常用的地理数据格式，支持点、线、面以及图标和样式定义。实现代码：//加载kml数

叁拾舞·2025-01-24 22:45

STM32 GPIO

输入模式下可读取端口的高低电平或者电压，用于读取按键输入、外接模块电平信号输入、ADC电压采集、模拟通信协议接受数据等。系统结构寄存器：是一段特殊的存储器，内

2401-·2025-01-24 22:42

高校物品捐赠管理系统（11291）

加文章最下方的名片哦一、项目演示项目演示视频二、资料介绍完整源代码（前后端源代码+SQL脚本）配套文档（LW+PPT+开题报告）远程调试控屏包运行三、技术介绍Java语言SSM框架SpringBoot框架Vue

codercode2022·2025-01-24 21:05

融云IM干货丨uni-app 生命周期有哪些？

uni-app的生命周期分为应用生命周期、页面生命周期和组件生命周期三类：应用生命周期应用生命周期函数需要在App.vue中声明，主要包含以下函数：onLaunch：当uni-app初始化完成时触发（全局只触发一次

·2025-01-24 21:16

【全栈】SprintBoot+vue3迷你商城-扩展：vue3项目创建及目录介绍

【全栈】SprintBoot+vue3迷你商城-扩展：vue3项目创建及目录介绍往期的文章都在这里啦，大家有兴趣可以看一下【全栈】SprintBoot+vue3迷你商城（1）【全栈】SprintBoot

杰九·2025-01-24 20:32

【全栈】SprintBoot+vue3迷你商城-扩展：vue的基本用法

【全栈】SprintBoot+vue3迷你商城-扩展：vue的基本用法在进行前端开发之前，需要熟悉vue的一些基本用法，这里举例了一些常见的基本用法1.v-if,v-else,v-else-if用于条件渲染元素

杰九·2025-01-24 20:31

微信小程序 - wx.navigateTo({}) 跳转页面携带对象/数组/复杂数据参数（携带一个复杂对象数据参数）

支持Vue2/Vue3语法，完美解决。解决方案使用

王二红·2025-01-24 20:55

error Parsing error: invalid-first-character-of-tag-name vue/no-parsing-error

标签的第一个字符不符合HTML或Vue的语法要求[0]ModuleWarning(from.

小丁学Java·2025-01-24 19:51

this.form = { ...this.form, relatedIds: [] } 更新 Vue 组件中 form 对象的状态，并且将 relatedIds 属性的值重置为空数组

this.form={...this.form,relatedIds:[]}这行代码是JavaScript中一种常用的对象操作方式，主要用于更新Vue组件中form对象的状态，并且将relatedIds

小丁学Java·2025-01-24 19:51

从提供的 package.json 文件可以看出，项目已经集成了 vue-cli-service lint --fix，并且配置了相关的工具和脚本

文章目录1.确认`vue-cli-servicelint`已集成2.确认`lintOnSave`是否启用示例：`vue.config.js`3.确认ESLint配置4.确认Git钩子配置5.如何实现保存时自动修复

小丁学Java·2025-01-24 19:20

SpringBoot3+Vue3+NaiveUI博客后台管理系统源码 | 小蚂蚁云

项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、NaiveUI、MySQL等技术栈实现的单体前后端分离后台管理系统；后端基于

小蚂蚁开源·2025-01-24 18:12

小蚂蚁云后台管理系统|XiaoMaYi

项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、ElementPlus、MySQL等技术栈实现的单体前后端分离后台管理系统

小蚂蚁开源·2025-01-24 18:42

SpringBoot + Vue 前后端分离开发项目源码

SpringBoot+Vue前后端分离开发项目源码SpringBootVue前后端分离开发项目源码本仓库提供了一个完整的SpringBoot+Vue前后端分离开发项目的源码。

左李滢Just·2025-01-24 17:34

Vue - toRefs() 和 toRef() 的使用

一、toRefs()在Vue3中,toRefs()可以将响应式对象的属性转换为可响应的refs。主要用于在解构响应式对象时，保持属性的响应性。

来一碗刘肉面·2025-01-24 17:01

多功能系统下的专业游戏陪玩小程序，线上开黑陪玩与线下家政服务全囊括

Vue.js：用于构建用户界面。微信小程序云函数：用于在微信小程序中实现后端逻辑。后端技术栈PHP：用于开发后端服务。MySQL：用于存储用户数据和陪玩人员信息。TP6框架：用于开发后端服务。

·2025-01-24 16:38

不要将 Echarts 实例保存到 vue 的响应式数据上，会导致 tooltip 失效！！！

echarts初始化echarts.init(DOMOBJ)会返回一个echarts实例对象，用一个变量接住实例对象就可以生成图表了，例如：()=>{letchartDom=document.getElementById('flg')lettimeObj=echarts.init(chartDom);timeObj.hideLoading()timeObj.setOption(dataObj);}

·2025-01-24 16:35

Vue.js 单页应用（SPA）开发教程：从零开始构建你的第一个项目

Vue.js是一个非常适合构建SPA的框架，它通过VueRouter实现页面导航，通过组件化开发和状态管理实现复杂的交互功能。本篇教程将带你了解SPA的基本概念，并一步步创建一个Vue.js单页应用。

Milk夜雨·2025-01-24 15:18

vue2在线生成二维码

亲情提示：如果可以让后端生成就让后端生成实在不行再前端解决（分享方法只是为了让你快点下班不是为了让你能者多劳）创建npminstallqrcodejs2pnpminstallqrcodejs2importQRCodefrom'qrcodejs2'data:{qrcode:'',}submitCode(){if(this.$refs.qrcode){this.qrcode='';this.$refs

家里有只小肥猫·2025-01-24 14:42

ant-design-vue, a-table, 自动生成序号列

通过customRender:(text,record,index)=>`${index+1}`,自动生成序号列，不用再写templatecolumns:[{title:'序号',dataIndex:'index',key:'index',width:50,fixed:'left',customRender:(text,record,index)=>`${index+1}`,//关键句},....

四喜花露水·2025-01-24 14:10

vue 设置iframe的内部样式

下面直接上代码：myselectedimport{ref}from'vue';constdata=ref('url');//iframe的srclettimer;//定时器//加载完成constiframeLoad

撒库拉-琳琳·2025-01-24 13:36

【vue通用后台管理之Echarts(六）】

1.下载echarts并引入控制台[email protected]并在Home.vue引入2.初始化实例初始化实例并配置数据，处理x轴数据最

—丫丫·2025-01-24 13:00

推荐频道