样式 播放器 音乐vue
vue--day68--插槽的总结
## 插槽 1. 作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 <strong style="color:red">父组件 > 子组件</strong> 。 2. 分类：默认插槽、具名插槽、作用域插槽 3. 使用方式： 1. 默认插槽： ```vue 父组件中 ......
vue--day67--作用域插槽
1. App.vue <template> <div class="container"> <Category title="游戏" > <template scope="atgui"> <ul > <li v-for="(g,index) in atgui.games" :key="index"> ......
Fabric.js 元素选中状态的事件与样式
# 本文简介 带尬猴！ 你是否在使用 `Fabric.js` 时希望能在选中元素后自定义元素样式或选框（控制角和辅助线）的样式？ 
在HTML+CSS+JavaScript前端三件套后，Vue的出现就显得很有必要了 Vue是一种前端开发JS框架，它的出现使传统的面向JS中的DOM对象模型的开发效率得到了提升。Vue的核心思想是MVVM（Model-View-ViewModel）模型，这种模型使得前端的页面显示同后端数据模型相结合 ......
vue复习
vue vue是什么？ 它是一个轻量级MVVM框架 数据驱动+组件化的前端开发 Github 超过25K + 的star 熟，社区完善 Vue.js更轻量，gzip后大小只有26K；更易上手，学习曲线平稳 形成Vue渐进式框架的核心概念为：组件化，MVVM，响应式，和生命周期 vue的优缺点 优点1 ......
Vue packages version mismatch:
报错原因：vue与vue-template-compiler版本不匹配。 解决办法： 上图中说了看看使用vue-loader的版本，我的是13版本大于10.0版本，这个时候需要更新vue-template-compiler //卸载 npm uninstall vue-template-compil ......
解决vue项目中虚拟键盘弹起将页面中底部按钮上移问题
在vue中使用定位将表单中的取消，确认按钮固定在底部时，安卓手机在编辑表单内容时会将底部按钮整体往上移动，按钮出现在虚拟键盘上面，此时可以通过监听虚拟键盘的弹起与收起来控制键盘的显示与隐藏，以解决按钮显示在虚拟键盘之上的问题， 没有时间赘述， 附上转载链接： https://blog.csdn.ne ......
vue eslint 报错 error “Component name “*****“ should always be multi-word”，该怎么办？
出现的问题： 在 vue-cli 创建的项目中，创建文件并命名后，会报 “Component name "*****" should always be multi-word” 报错； 报错截图示例如下： Component name "******" should always be multi- ......
Vite + Vue3 + Element-Plus
搭建 Vite 项目 注意 Vite 需要 Node.js 版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。 使用 NPM: npm create vite@latest 使用 Yarn: yarn cr ......
解决Vue中el-select第二次选择选项时才会显示上一个选项的响应结果
今天在写一个选择器的时候出现一个问题 这个功能需求是：通过选择器选择不同的选项，点击查询按钮发送请求，并将响应结果放到一个div中用v-if控制是否显示。 看似简单的一个功能，却出现一个很搞笑的bug。在我选择一个选项点击查询，本应该显示结果的div没有显示出来，而在选择一个其他选项，不需要点击查询 ......
ZLMediaKit实现拉取摄像头(海康协议)编码为H265并使用flv.js播放时提示:FLV:Unsupported codec in video frame:12
场景 开源流媒体服务器ZLMediaKit在Windows上运行、配置、按需拉流拉取摄像头rtsp视频流)并使用http-flv网页播放： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/130136245 按照上面流程进行拉取摄像 ......
vue 项目加水印---canvas画图法
搬运 蛙蛙 大佬的文章（做了写自己的补充） 文章链接：https://segmentfault.com/a/1190000022055867，怕以后找不到了 一：创建watermark.js文件 /** 水印添加方法 */ let setWatermark = (str1, str2) => { l ......
获取音频播放时长，支持wav格式（环境无声卡）
## 获取音频文件时长 ```java /** * 获取音频播放时长，支持wav格式（环境无声卡） * @param filePath 文件授权地址 * @author knight-jzc * @return 秒数 */ public static Integer getDuration(Stri ......
vue图片预览（ 放大 缩小 旋转 鼠标拖动）
* 此组件是图片是默认展开的 里面是操作的功能  代码如下 ` {{ title }} {{ currentInd ......
安装vue3+vite报错
报错：‘D:\Program‘ 不是内部或外部命令，也不是可运行的程序； 我已经配置过环境变量，发现是node 安装目录 D:\Program Files\nodejs ，中间有空格导致，只能改变nodejs位置 1.把nodejs整个剪切出来放在d盘根目录下面 2.修改node的全局环境 npm ......
H.265视频无插件流媒体播放器EasyPlayer.js播放webrtc断流重连的异常修复
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流，并且已实现网页端实时录像、在 ......
Vue3定义全局函数和变量
定义全局函数 Vue2 和 Vue3 的区别 由于 Vue3 没有 Prototype 属性，所以需要在 main.ts 文件里使用 app.config.globalProperties 去定义全局函数和变量 Vue2： // 之前 (Vue 2.x) Vue.prototype.$http = ......
vue3 使用swiper实现轮播图（两边小中间放大效果轮播图）
先引入swiper ，我直接引入的最新的包是10.2.0 pnpm add swiper yarn add swiper 在vue页面引入 <script setup> import { Swiper, SwiperSlide } from 'swiper/vue'; import { Autopl ......
Vue项目原本原本http请求变成了https
Vue项目http请求变更为https处理方式在index.html中添加如下代码 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">如果向去去掉s就注释 <meta http-equiv=" ......
vue3 使用 router 进行跳转备忘
1.在画面中添加子画面，使用 el-menu 菜单进行跳转，只更新子画面 a.首先在配置 router 路径的 js 文件中配置画面的路径，子画面的路径要在父画面的 children 下面 在父节点下设置 redirect 属性，打开父画面时会默认打开相应子画面，否则子画面默认显示为空白 b.在画面 ......
直播平台软件开发，vue-全局过滤器时间
直播平台软件开发，vue-全局过滤器时间 步骤一：处理数据 export const formatYmd = (date) => { let time = new Date(date) let y = time.getFullYear() let m = time.getMonth() + 1 le ......
vue3 使用vuex以及数据持久化
/* * @Author: Caixia.Gao * @LastEditors: Caixia.Gao * @Date: 2023-08-23 11:28:44 * @LastEditTime: 2023-08-23 11:45:05 * @Description: */ // 引入vuex imp ......
SLD面样式
对于一个面，他是有两部分组成，一部分是边界，这里我们用Stroke表示，另外一部分是填充，我们使用Fill表示，这里有一个简单创建面样式的例子： StyleFactory styleFactory = CommonFactoryFinder.getStyleFactory(); Stroke str ......
Vue 重置data的数据为初始状态操作
在某些情况下，需要重新使用data中的数据，但是data中的数据已经被各种表单、变量等赋值，那么怎么重置data的值呢？ 1. 逐个赋值 ... data() { return { name: '', sex: '', desc: '' } } ... // 逐个赋值 this.name = '' ......
RuoYi-vue配置记录
如果这个项目能顺利运行，标志着Springboot+vue的前后端环境都配好了。 一、官方文档 若依官方文档：介绍 | RuoYi，在这个地方克隆/下载项目源代码https://gitee.com/y_project/RuoYi-Vue 解压到自己的目录下 首先根据官方文档的环境部署所说，检查一下自 ......
Vue+SpringBoot项目分离部署踩坑记录
昨天花了一晚上终于成功部署了个人网站，在这个过程中踩了很多坑，现在回顾总结记录一下，以免今后继续犯错误 前端：Vue 后端：SpringBoot 数据库：Mysql 一、前端 1、前端项目采用Nginx进行部署，其中Nginx配置文件部分内容如下 nginx.conf部分内容 1 server { ......
【算法】在vue3的ts代码中分组group聚合源数据列表
有一个IList<any>()对象列表， 示例数据为[{id:'1',fieldName:'field1',value:'1'},{id:'1',fieldName:'field2',value:'2'},{id:'2',fieldName:'field1',value:'1'},{id:'2',f ......
vue-draggable跨iframe拖拽
### 环境 1. vue3 2. "vuedraggable": "^4.1.0" ### 物料区 ```vue {{ element.name }} ``` ### 预览区 ```vue {{ element.name }} ``` ### iframe ```vue ``` ......