草庐IT

vue3-element-admin

全部标签

纯前端ELECTRON+VUE+FFMPEG实现多路播放RTSP流

近期有项目需求前端播放rtsp视频流,项目是由electron+vue3搭建,没有后端,因此需要在前端实现解析rtsp流及播放,经过多方考察最后选用了ffmpeg+jsmpeg方案实现,具体实现是参考了@牧也の旅行大佬的这篇文章原文地址实现的,感谢@牧也の旅行一直在回复我的各种小白问题,这里记录一下做这个功能时遇到的问题和解决方法:主进程中的程序及其他配置参见原文,这里就不赘述了。1,原文是单路播放,我的需求需要多路播放:本来预想是展示16路,查资料也是说可以显示16路,但实际发现浏览器中只能稳定显示8路,超过后浏览器经常会报WARNING:ToomanyactiveWebGLcontexts

vite + vue3 —— vue地图大屏项目

​回顾 前期  ​       前端利器——提升《500倍开发效率》传一张设计稿,点击一建生成项目好牛_0.活在风浪里的博客-CSDN博客如果非要说它有什么缺点,那么我觉得就是它会,让你cv大法都没处使!!!比如:公司让你写一个小程序、或h5web页面、UI给了你30张UI图,说让你自己切图,你当时就准备拍案而起,拳棒相加,但突然想起来她好像是你老婆,所以你忍了!你进入到网站,这个时候犹如战神附体,几秒钟搞定一张设计稿(包括透明图),祝大家2022越来越强。https://blog.csdn.net/m0_57904695/article/details/126976940  目录项目开始时:

Vue el-menu-item实现路由跳转

场景:用了element-ui的el-menu菜单怎样实现路由跳转呢?1,在el-menu加上router,添加el-menu的default-active属性,加:动态绑定,值设置为"this.$router.path",2,将el-menu-item的index设置为路由跳转path,和route.js相对应 代码:    :default-active="this.$router.path"    class="el-menu-vertical-demo"    background-color="#545c64"    text-color="#fff"    active-text-

element ui上传限制图片格式及宽高像素问题

有时候需求需要限制图片上传格式及宽高像素的问题比如上传图片的像素值的最大尺寸264*300VUE//需要提示信息只能上传png文件,图片最大尺寸264*300像素下面将在方法里去限制图片的上传类型和像素值限制JS//图片放大查看handlePictureCardPreview(file){this.dialogImageUrl=file.url;this.dialogVisible=true;}, //上传前的方法detailBeforeUpload(file){lettypes=["image/png"];constisImage=types.includes(file.type);//限制

【开源】基于Vue.js的智慧社区业务综合平台

文末获取源码,项目编号:S077。\color{red}{文末获取源码,项目编号:S077。}文末获取源码,项目编号:S077。目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1业务类型模块2.2基础业务模块2.3预约业务模块2.4反馈管理模块2.5社区新闻模块三、系统设计3.1用例设计3.2数据库设计3.2.1业务类型表3.2.2基础业务表3.2.3预约业务表3.2.4反馈表3.2.5社区新闻表四、系统展示五、核心代码5.1查询基础业务5.2新增基础业务子项5.3查询业务类型5.4新增反馈5.5查询预约业务子项六、免责说明一、摘要1.1项目介绍基于JAVA+Vue+SpringBoo

element ui之修改样式Tabs 标签页

●选项卡样式原图:●选项卡整个边(四边)/*未选中时字体颜色*/.el-tabs__item{color:#FFFFFF;}/*选项卡整个边框*/.el-tabs--card>.el-tabs__header.el-tabs__nav{border:1pxsolid#3c4249;}/*选中时底部边颜色*/.el-tabs--card>.el-tabs__header.el-tabs__item.is-active{border-bottom:1pxsolid#3275f9;}/*选中时字体颜色*/.el-tabs__item.is-active{color:#3275f9;}/**修改底部最

RuoYi-Vue 在Swagger和Postman中 上传文件测试方案

@RequestPart是Spring框架中用于处理multipart/form-data请求中单个部分的注解。在SpringMVC中,当处理文件上传或其他类型的多部分请求时,可以使用@RequestPart注解将请求的特定部分绑定到方法参数上。使用@RequestPart注解时,需要指定要绑定的请求部分的名称,这样Spring就能够将该部分的内容转换为相应的方法参数类型。通常情况下,@RequestPart注解与MultipartFile参数类型一起使用,以便在处理文件上传时获取文件内容。下面是一个简单的示例:@PostMapping("/upload")publicStringhandle

基于Java+Vue+uniapp微信小程序医院综合服务平台设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

【前端】Element-ui el-select 绑定 v-model 不生效问题汇总

1、v-model绑定的值与下拉选项的值类型不一致。2、绑定的值未声明。如上所示,需要具体声明。3、value前需要加冒号 

前端技术的新趋势:React、Vue与Angular的比较

本文将比较当前最流行的前端框架React、Vue和Angular,探讨它们各自的优缺点,并分析它们在未来的发展趋势。随着互联网技术的不断发展,前端技术也在不断演进。React、Vue和Angular作为当前最流行的前端框架,它们在开发效率、性能和可维护性等方面各有优势。本文将对这三个框架进行比较,分析它们的优缺点,并探讨它们在未来的发展趋势。一、ReactReact是Facebook开发的一款用于构建用户界面的JavaScript库。它采用组件化的开发方式,使得代码更加模块化、可重用和易于维护。React还提供了丰富的API和开发工具,使得开发者可以更加高效地构建复杂的用户界面。优点:高效的虚