样式 播放器 音乐vue
博客园页面展示--前端及样式代码
这是一个博客园的首页面的展示前端代码和样式代码 样式代码CSS采用外部链接，建好文件直接复制运行vscode即可，话不多说，直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Mickey - 博客园</title> < ......
vue-admin-template 如何添加快捷导航（标签导航栏）
前言 关于快捷导航(标签栏导航)在文档中确实有介绍，但是看完是一头雾水，不知道如何修改，不过文档最后给了一个移除的大致操作，从这里可以找到入手点 前期准备 vue-admin-template 项目代码 vue-element-admin 项目代码 操作流程 注：以下操作流程是按照自行摸索的操作顺序 ......
小程序音频播放复杂流程的经验和思考
最近两周在写一个新的小程序项目，托福词汇真经。这个小程序的难点是音频播放流程比较复杂 之前我在雅思听力小程序里实现过雅思词汇真经的功能 前期讨论的结果是基于原有的功能开发 开发过程中碰到了一些问题，这里记录一下，同时梳理一下这里音频播放的逻辑，后面如果再增加新功能，可以快速处理 闲话少叙 这里讨论的 ......
VUE3 里面使用 vuedraggable 兼容tag="transition"的问题
vue3的拖拽tag="transition"报的错误 TypeError: Cannot set properties of null (setting '__draggable_context') 安装拖拽的时候，使用命令 yarn add @marshallswain/vuedraggable ......
网页滚动条样式修改
title: 网页滚动条样式修改 date: 2022-12-21 16:03:45 tags: ['Css'] categories: ["前端篇"] 修改网页中侧边滚动条可以对如下几方面进行修改 ::-webkit-scrollbar:滚动条整体 ::-webkit-scrollbar-thum ......
在js中修改less文件内样式
title: "在js中修改less文件内样式" date: 2023-04-21T22:51:58+08:00 tags: ["React", "less", "JavaScript"] categories: ["前端篇"] 在项目中使用使用进度条时遇到了一点问题,根据需求进度条的百分比需要在条 ......
vue3中使用defineExpose报TS-2339
title: "vue3+ts使用defineExpose报TS:2339" date: 2022-12-29 19:32:44 tags: ["Vue", "踩坑记录"] categories: ["前端篇"] 开头先把错误贴上 src/hooks/usePageSearch.ts:9:27 TS ......
vue3+ts使用v-for出现unknown问题
title: vue3+ts使用v-for出现unknown问题 date: 2022-12-27 19:00:45 tags: ['Vue','踩坑记录'] categories: ["前端篇"] 最近在写项目时遇到了一个问题,当我从父组件向子组件传数据并且需要将子组件对传入的数据进行v-for循 ......
Vue(二)
2.组件 2.1.模块与组件 2.1.1.模块 可以向外提供某一个功能的js程序，一般为一个js文件 作用：js可以复用，可以简化js的编写，提高js的运行效率。 2.1.2.组件 实现某一个功能的效果代码集合，这个集合包含很多，比如html、css、js等 作用：复用编码，简化项目的编码，提高项目 ......
Vue JS项目 添加TypeScript
Vue JS项目 添加TypeScript 转载请注明来源 谢谢 git文件全部提交 必须全部提交 因为会改掉你的文件.很恶心. vue.config.js 添加下面内容 pages:{ index:{ entry:'src/main.js' } } 项目根目录运行 vue add typescri ......
vue：axios异步通讯
由于Ajax需要对dom进行频繁的操作 所以这里使用axios进行替代 首先放上所有代码 <body> <div id="vue"> {{info.name}} <a v-bind:href="info.url">点我</a> </div> <!-- 到入vue.js--> <script src= ......
Vue-Routes
下载 npm i vue-router@x x为版本号 版本对应规则: vue@x == router@x+1 使用 一、创建应用路由器 在src中创建router/index.js目录 1、引入touter插件&&应用插件 import VueRouter from 'vue-touter'Vue ......
EasyExcel格式化映射注解和样式注解详解
https://blog.csdn.net/qq_44749491/article/details/127879946 一、概述 使用注解很简单，只要在对应的实体类上面加上注解即可。 也就是说使用实体类模型来读写Excel文件时，可以通过注解来控制实体类字段和Excel列之间的对应关系。二、Exce ......
vue组件
vue组件实际上就是自定义标签 组件是vue可重复使用的实例 也就是说，当你定义好一个组件之后，你可以将其当做一个html的标签使用 <div id="app"> <br> <qinjiang></qinjiang> <br> </div> <div id="buttonnew"> <newbutt ......
vue-router解决警告：No match found for location with path "XXXXXXX"
使用vue-router时，在刷新页面时往往会出现这个警告： 这个问题产生的原因往往是因为vue在启动时，会校验当前页面的路由，而我们使用vue-router时，是在导航守卫中动态添加路由的，因此肯定找不到，而这个时候还没进入守卫，自然就会抛出这个警告了： 1、app.use(router) 2、r ......
QT中在使用QMediaPlaylist类的insertMedia函数插入新播放文件后，出现播放顺序错误的分析
我下面的这段代码的意图是：当前的播放队列中插入一个播放文件到队首，使其为下一个播放文件。但是并没有达到我的预期。 于是在代码中加入一段调试程序，将当前的播放文件的序号打印出来。 调试之后的结果如下： 发现无论向播放队列中插入几次，当前的播放序列都是1。 如果想要在播放队列插入音乐文件使其为下一首播放 ......
Vite + Vue3 +TS 项目搭建
安装 nvm 略 安装 node 略 使用 Vite创建项目 vite3.x 文档：https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project 使用 NPM: $ npm create vite@latest 使用 Yarn: $ ......
WebStorm 2023.1 vue文件标签中变量无法识别 Unresolved variable or type
从老版本WebStorm 升级到 WebStorm 2023.1 之后，打开项目莫名爆红 可能是查询的不对，很多博客指明是依赖的问题，实际修改无效 问题出在文件类型指向不对 修改为： 问题解决 ......
Vue：表单双绑、组件
vue一大精髓就是双向绑定 vue.js是一个mvvm框架，即数据的双向绑定，即当数据发生变化时的时候，视图也就发生变化，当视图发生变化时，数据也会同步变化 双向绑定是对于UI控件来说的，非UI控件不会涉及到数据的双向绑定 以input标签举例 <div id="app"> 输入的文本：<input ......
VUE上传图片
1 <!-- 2 气味照相机，上传图片 3 --> 4 <template> 5 <div class="main_container" > 6 <div class="bgimg_box" :style="'background-image: url(' + bgImg + ');'"> 7 <d ......
C#中winform窗体 用代码设置字体的样式
protected override void OnPaint(PaintEventArgs e) { FontFamily myFontFamily = new FontFamily("微软雅黑"); //采用哪种字体 base.OnPaint(e); this.ForeColor = Color ......
EasyCVR平台设备显示在线，内网正常播放但公网无法播放是什么原因？
随着人工智能技术的不断发展与视频智能分析技术的落地应用，EasyCVR平台的视频汇聚融合能力已经让其成为首选的视频能力层平台。将EasyCVR与智能分析网关结合使用，可以实现基于云、边、端架构的AI智能检测分析及算力的精细化调度等能力，该方案的应用场景也十分广泛，包括：通用安防、智慧安监、明厨亮灶、... ......
使用PhantomJS解决VUE项目无法被百度收录
一、安装PhantomJS 安装文章:https://www.cnblogs.com/robots2/p/17340143.html 二、编写脚本spider.js // spider.js 'use strict'; console.log(' start '); // 单个资源等待时间，避免资源 ......
EasyCVR视频融合平台视频播放限制时长功能前端与后端配置的区别
EasyCVR平台还能支持多类型设备接入，覆盖市面上绝大多数的视频源设备，包括：IPC、NVR、视频编码器、无人机、车机设备、智能一体机、移动执法仪、应急布控球等。平台可提供一体化的视频接入、分发、存储、处理等能力，在线下具有丰富的应用场景，包括：智慧工地、智慧安监、智慧消防、智慧物流、智慧社区等。... ......
vue 事件
vue中用 v-on绑定事件 简单绑定一个点击事件 <div id="app"> <button v-on:click="sayHi">点击我</button> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script ......
vue基本语法 for if else show
vue有关于if else 以及 for 的判断 <body> <div id="app"> <h1 v-if="type 'A'"> A </h1> <h1 v-else-if="type 'B'"> B </h1> <h1 v-else> C </h1> </div> </body> </htm ......
vue下拉框选择后不显示值，选其他下拉框后才显示出来
vue下拉框选择后不显示值，选其他下拉框后才显示出来 vue也太坑了 解决方法：为该el-select添加change事件中使用$set来对属性赋值，如下: changeData(val) { this.$set(this.formData, this.formData.id, val.value) ......
vue全家桶进阶之路50：Vue3 环境变量+跨域设置实例
使用.env加后缀的方式来建立某个模式下的环境变量， 例如：项目根目录新建两个环境变量文件（development开发环境和production生产环境）： .env.development .env.production 在新建的两个环境变量文件中设置相同的环境变量名： VUE_APP_BASE_ ......
drf之定制返回样式SerializerMethodField与在表模型中定制
SerializerMethodField 定制返回的样式为person:{name:xxx,age:xxx}或person:[{name:xxx, age:xxx},{name:yyy, age:yyy}...]等，就可以使用到SerializerMethodField 语法 在序列化类中进行定义 ......