样式 播放器 音乐vue
vue-day06
解析一下vue项目 为什么在浏览器中访问某个地址，会显示某个页面组件 1.根组件：App.vue必须是以下代码，里面使用router-view <template> <div id="app"> <router-view></router-view> </div> </template> 2.配置路 ......
vue中使用canvas压缩base64图片
参考自https://blog.csdn.net/weixin_42752574/article/details/126061352 后端返回图片的原始base64字符串，通过:style传到scss中显示，但有时候base64过长，可能会有5MB或者2MB这样的大小，那scss文件就接收不到这个变 ......
前端vue项目部署中，用户还在访问系统，存在缓存问题，部署后需要ctrlF5强制刷新，解决热更新的几种方案
问题描述： 问题是这样的，在部署的时候，用户并没有关闭浏览器还保持访问操风系统管理项目的页面中。这样才会产生问题缓存；如果在部署的时候或者部署之前，用户并没有打开系统页面，部署完成后，才访问操风系统，不会存在缓存的。我刚才测试了一下。要想解决，部署之前或在部署中，用户还再使用的情况下，前端得写定时获 ......
node安装以及vue安装
npm：是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。比如常用的有： 1）允许用户从NPM服务器下载别人编写的第三方包到本地使用。 2）允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 3）允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使 ......
vue项目的解析、登录小案例
vue的执行流程 1. 为什么浏览器中访问某个地址，会显示某个页面组件 vue-router第三方插件支持的： 访问：/（根路径） 》显示HomeView.vue 访问：/about 》显示AboutView.vue 根组件：App.vue App.vue中的template中的div会被替换到in ......
vue3 | defineExpose的使用
简介 使用<script setup>的组件是默认关闭的————即通过模板引用或者$parent链获取到的组件的公开实例，不会暴露在任何在<script setup>中声明的绑定 换句话说，如果一个子组件使用的是选项式 API 或没有使用 <script setup>，被引用的组件实例和该子组件的 ......
vue通过 v-for循环出来的数组给元素 加不同的颜色
直接上代码： 1 <div v-for="(item,i) in colorList" :key="i"> 2 <div class="cmn-color"> 3 <div :style="{'background':item}"></div><span>开发{{i+1 }}</span> 4 </ ......
CentOS环境 nginx配置vue项目
ps: 这里使用ruoyi-vue-plus项目举例，官网：https://plus-doc.dromara.org/ 一、配置不带应用路径的vue项目 1、打包。首先将vue项目生产配置文件的的应用访问路径设为'/'，然后命令行输入run run build:prod进行打包。 2、导入环境。将打 ......
音乐
洪真英的<活着> 做酒 一笑江湖 云海林飞二泉映月 云水禅心→很好听 水墨兰亭→很好听 梦里水乡→很好听 千古一叹→很好 我等你那么久 市集 孤灯伴佳人 千古一叹 你看你看月亮的脸 暖雨 卓玛拉 我心永恒my heart will go on windy hill 城南花已开 人间烟火→很好听 《燕 ......
nodejs+vue+element-ui安装
1. nodejs安装 https://www.runoob.com/nodejs/nodejs-install-setup.html 2. vue安装 nodejs安装以后，使用vue会报错： ‘vue‘ 不是内部或外部命令，也不是可运行的程序 解决办法： https://developer.al ......
若依 vue问题
1.table 列 对布尔的处理 <el-table-column label="是否可见" align="center" prop="activityVisible" :formatter="formatActivityVisible"/> formatActivityVisible:functi ......
vue3封装一个公共的异步组件函数
在 Vue 3 中，可以使用 defineAsyncComponent 函数来封装一个公共的异步组件函数。下面是一个示例： import { defineAsyncComponent } from 'vue'; export const asyncComponent = (loader, optio ......
vue+openlayers绘制线
绘制线 1 <template> 2 <div></div> 3 </template> 4 <script> 5 import VectorLayer from 'ol/layer/Vector.js'; 6 import VectorSource from 'ol/source/Vector.j ......
RK3568开发笔记（十一）：开发版buildroot固件移植一个ffmpeg播放rtsp的播放器Demo
前言 目标开发任务还有个功能，就是播放rtsp摄像头，当然为了更好的坐这个个，我们必须支持rtsp播放失败之后重新尝试，比如5s重新尝试打开一次，从而保障联网后重新打开，然后达成这个功能。 Demo 补充 得益于方案上的buildroot已经移植了ffmpeg4.1.3。 摄像头的硬件连接 编译ff ......
国标GB28181视频融合平台 EasyCVR 视频存储无法播放是什么原因？
视频监控平台 EasyCVR 是一个高度灵活、功能丰富的视频监控系统，其强大的拓展性和便捷的部署方式使其在众多场景中都能发挥出色的性能。EasyCVR 平台支持多种主流标准协议，包括但不限于国标 GB28181、RTSP/Onvif、RTMP 等，这些协议为设备之间的互联互通提供了基础。 根据我们收 ......
VUE后台管理系统(四) 用户,权限和菜单
原理分析 - 服务器根据不同的用户,返回不同的"路由信息","菜单信息","按钮信息"等待 - 从而实现不同的登录用户,看到的页面不一样(部分相同,部分不同) - 前端这边,路由不再写死(写死的话,每个用户看到的页面都是一样的) - 而是根据后端返回的"路由信息"来填充"router数据",最终实现 ......
解析vue项目，scoped，ref属性，混入mixin，插件，Elementui
0 解析一下vue项目🐱🚀 1 为什么浏览器中访问某个地址，会显示某个页面组件 -0 根组件：App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> -1 配置路由 router ......
vue3的ref、reactive的使用
一、介绍 ref和reactive是Vue3中用来实现数据响应式的API，一般情况下，ref推荐定义基本数据类型，reactive推荐定义引用数据类型（对象或数组） 二、ref与reactive对比 <template> <p>{{ person.name }}</p> <p>{{ person.l ......
【转载】Vue Provide / Inject 详细介绍（跨组件通信、响应式变化、版本变化）
版权声明：本文为CSDN博主「前端不释卷leo」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/qq_41809113/article/details/122071958 一、背景 通常，当我们需要从父组件向子 ......
Vue组件懒加载
在当今快节奏的数字世界中，网站性能对于吸引用户和取得成功至关重要。然而，对于像首页这样的页面，在不影响功能的前提下优化性能就成了一项挑战。 这就是 Vue 组件懒加载的用武之地。通过将非必要元素的加载推迟到可见时进行，开发人员可以增强用户体验，同时确保登陆页面的快速加载。 懒加载是一种优先加载关键内 ......
大二快乐日记9.20（关于音乐审美的一些自我理解）
我报了每周三晚上的音乐鉴赏。一开始以为是超星网课，后来发现是线下课，也好顺便涨涨我的审美。老师讲得不错，讲得很广，各种音乐类型都涉及到了。大多数是一些民族歌曲，中国的，欧洲的都有。我还记得每次建民老师给我们上课之前都会放一些歌曲，这些歌曲一听就有点他们那个时代的感觉。这些歌的内容是毋庸置疑的，情歌则 ......
动态组件、插槽、vue-cli创建项目、vue项目目录结构、vue项目编写规范、es6导入导出语法
动态组件 <component :is="who"></component> component标签的is属性等于组件名字，这里就会显示这个组件 组件切换--笨方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit ......
Vue-基本语法及事件绑定
一.基本语法 v-bind绑定： 双大括号不能在 HTML attributes 中使用。想要响应式地绑定一个 attribute，应该使用 v-bind 指令 代码展示： <div id="app"> <span v-bind:title="message" v-html="tips"> </sp ......
vue样式穿透
本文转载自https://www.jb51.net/article/253428.htm#_label0，转载仅供学习使用. scoped属性 我们在vue组件写样式一般是在<style>标签里面，但是我们在这里的样式默认是全局样式，如果其它组件的class名取重复了则会导致样式污染。 所以vue支 ......
15-Vue核心-列表过滤和列表排序
列表过滤 监视属性，实现列表过滤 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本列表</title> <!-- 引入Vue --> <script type="text/javascript" src= ......
连续播放多张图片无间隙
连续播放多张图片 点击查看代码 <html> <head> <title>我的第一个 HTML 页面</title> </head> <body> <div class="image-container"> <img src="https://ts1.cn.mm.bing.net/th?id=OIP ......
Ant Design Vue 中的tab组件中，获取不到$ref
问题：在tab的组件中引入了一个组件，在页面渲染时，需要用到子组件bpmnModeler 里面的方法，调用this.$ref.bpm的时候报错了，找不到bpm <a-tab-pane key="3" tab="流程图" > <div class="search"> <a-card> <a-row s ......
vue-day05
补充 1.图片 在接口中返回一些数据和图片地址，而不是图片的二进制内容 {code:100,msg:'成功',img:地址} 2.md5 不是加密， 摘要算法 动态组件 <component :is="who"></component> component标签的is属性等于组件名字，这里就会显示这个 ......
Vue的DatePicker日期选择器
picker-option属性 官网描述是这样的 1.disabledDate 一般我们使用picker-option都是通过disabledDate参数，来设置其日期选择区间，代码如下： <el-col :span="12"> <el-form-item label="开票日期起" prop="r ......
Vue-cli创建项目
1. 单页面应用：spa - 以后Vue的项目就只有一个：XX.html页面 - 当定义了很多组件，不可能都写在：XX.html中吧 2. 单文件组件：xx.vue -https://v2.cn.vuejs.org/v2/guide/single-file-components.html - 一个组 ......