播放器 音频vue
vue创建项目
###cmd(以管理员身份运行) vue ui 新建 选择路径 创建选项 选择手动配置 下一步 router vuex开 formatter关 下一步 历史记录能开就开 ###Vscode(以管理员身份运行) 新建Terminal输入 npm run serve 即可由浏览器访问 ####如果要使用 ......
【THM】Burp Suite:Repeater(Burp Suite-重放器)-学习
本文相关的TryHackMe实验房间链接:https://tryhackme.com/room/burpsuiterepeater 本文相关内容:了解如何使用 Repeater 在 Burp Suite 中重放请求。 什么是Repeater? 在我们开始使用 Repeater 之前,了解它的作用对我 ......
在vue中为vuecal组件中的一个按钮添加点击事件
现在需要为一个按钮添加点击事件 由于vuecal文档中没有该按钮的点击事件,所以考虑使用原生dom为其添加点击事件 使用原生dom添加 使用this.$nextTick+.onclick this.$nextTick(() => { // 获取对应的 dom元素 var otest = docume ......
vue2源码-二、对象响应式原理
// 循环对象进行一次劫持 class Observer{ constructor(value){ this.walk() } walk(data) { // 重新定义属性 Object.keys(data).forEach((key) => defineReactive(data, key, da ......
vue项目打包不起:FATAL ERROR: Zone Allocation failed - process out of memory
背景:vue3 + ts 的项目,admin plus框架 ,打包不起node 版本 v16.13.1 网上搜索了,解决方法 1.设置环境变量NODE_OPTIONS--max-old-space-size=4000 !!!!设置这个会导致阿里云oss浏览器无法打开 2. 在package.json ......
Vue3定义响应式变量
ref和shallowRef ref 深层次 shallowRef 浅层次的响应 ref 和 shallowRef 是不能一块写的,不然 会影响shallowRef 造成视图的更新 ref和reactive ref 支持所有类型 reactive 支持引用类型 (Array Object Map S ......
vue iview table实现动态自定义表头
一、前言 众所周知,iview中有一个表格组件Table,用于展示多条结构类似的数据。之前遇到过一个需求,要手动控制table的表头显示。就是假如table表格一共有10列数据,可以通过设置勾选,决定显示多少列 二、代码 为了代码的复用性,将配置页面单独抽成了组件,所以代码中会有组件之间传值父组件( ......
Vue笔记
1. 邂逅Vuejs 1.1 简单认识一下Vuejs Vue是一个渐进式的框架,什么是渐进式呢? 渐进式意味着你可以将Vue作为应用的一部分嵌入其中,带来更丰富的交互体验 或者你希望将更多的业务逻辑使用Vue实现,那么Vue核心库以及其生态系统。 比如Core+Vue-router-Vuex,也可以 ......
Vue启用报错 RangeError: Invalid typed array length: -4095
近期开发的前端项目项目启用失败,记录下修复过程 RangeError: Invalid typed array length: -4095 错误原因:node版本问题,安装10.x.x 即可 重新安装: 1.将原来的nvm,node卸载 2.安装nvm 如果显示上面内容即安装成功 3. 在nvm上安 ......
vue全局公共方法调用
1.在assets文件夹下,新建文件夹,创建common.js 2.在main.js中引用 import common from "@/assets/common/common.js"; Vue.prototype.common = common; 3.在页面中使用 this.common.iCel ......
vue3 封装组件中使用 pinia 报错
报错信息: Uncaught Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia? const pinia = createPinia() app.use(pinia ......
vue+leaflet绘制街道地图,并在上面显示站点标记。
从0开始。 记录一下完成过程中遇到的问题及解决方法 1、离线显示地图 已完成。 方案就是下载瓦片地图到本地或者服务器上,使用路径访问图片/map/{z}/{x}/{y}/tile.png 2、在地图上显示标记。(单一标记,且默认打开提示框) const icon = L.icon({ iconUrl ......
vue实现路由懒加载(异步加载)及组件懒加载(异步加载)的方式
##转自:槐序之夏: https://blog.csdn.net/qq_42403643/article/details/129264032 一、为什么要使用路由懒加载 为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载,即在需要的时候的 ......
关于vue2老项目的打包优化,实现首屏加载速度提升
##分析项目代码体积 yarn add webpack-bundle-analyzer 在webpack.dev.conf.js中配置 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlug ......
Vue中$attrs、$listeners的用法总结
用法如下: 1、v-on="$listeners" 父组件A,子组件B,孙组件C。C组件中emit事件后,在B中可以直接使用v-on="$listeners"接收,此时可以在A组件中的B上直接使用C中emit出来的事件。 2、v-bind="$attrs"父组件A,子组件B,孙组件C。A上设置值,若 ......
Vue3中无法为el-tree-select设置反选问题分析
环境:Vue3.2、Element Plus
问题:子组件 setting.vue => 弹窗组件 Dialog => 树选择组件el-tree-select ,无法设置默认选中项 default-checked-keys
场景:在一个后台系统的列表页,选中一行数据,点击设置按钮,分配一些功能。这里... ......
关于firefox,在win10下,大部分视频网站都无法正常播放的问题
1、目前日期:2023-4-10 2、firefox版本:111.0.1 (64 位) 3、win10版本:Windows 10 专业版 22H2 4、尝试过网上大部分的方法,包括但不限于,firefox排障模式,翻新、彻底重装浏览器 5、系统刚启动的很短的时间内,马上打开firefox浏览器,是能 ......
安装后报错:'vue' 不是内部或外部命令
安装vue脚手架碰到一个坑; 1.首先在cmd命令下安装脚手架; npm install -g @vue/cli 2.安装后报错:'vue' 不是内部或外部命令,也不是可运行的程序 或批处理文件。 3.进行环境变量的安装: 【1】找到 vue.cmd 文件所在的文件夹位置,并配置环境变量; 【2】配 ......
vue3中的自定义指令
1.适用到自定义指令的场景 防抖、图片懒加载、一键 Copy的功能、拖拽、页面水印、权限校验、输入框自动聚焦、相对时间转换、下拉菜单 2.个人需求:在后台系统中,有很多表单提交组件,其中很多限制数字且限制条件不同。最初使用 oninput="value=value.replace(/[^\d]/g, ......
vue3 高德地图弹窗选址功能
import { defineComponent, h } from 'vue'; import AMapLoader from '@amap/amap-jsapi-loader'; import { Input, AutoComplete, Modal, message } from 'ant-d ......
vscode保存时自动ESLint格式化(vue)
一、安装eslint 二、vscode全局配置 2.1 打开设置 2.2 打开 settings.json 2.3 在settings.json中添加eslint配置 { "code-runner.runInTerminal": true, "eslint.format.enable": true, ......
vue 阻止向上和向下冒泡
1、阻止向下冒泡<div @click.self="cancelFunc"></div> 2、阻止向上冒泡<div @click.stop="cancelFunc"></div> ......
开源项目audioFlux: 针对音频领域的深度学习工具库
(目录) audioFlux是一个Python和C实现的库,提供音频领域系统、全面、多维度的特征提取与组合,结合各种深度学习网络模型,进行音频领域的业务研发,下面从时频变换、频谱重排、倒谱系数、解卷积、谱特征、音乐信息检索六个方面简单阐述其相关功能。 项目地址: https://github.com ......
VUE怎么实现web端上传超大文件
IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载: Accept-R ......
实现态展示数字(从0动态涨到指定数字)vue2与vue3
vue2 1 安装插件npm install vue-animate-number 2 在MAIN.JS中引入import Vue from 'vue'import VueAnimateNumber from 'vue-animate-number'Vue.use(VueAnimateNumber) ......
Vue router 跳转
useRouter(跳转), useRoute(获取路由参数) // login.vue // 路由跳转-引入-01 import { useRouter } from "vue-router"; // 路由跳转-实例化后-02 // useRouter 使用push方法进行跳转 const rou ......
python播放视频
python播放视频 pip install pygame import pygame pygame.init() # Set the dimensions of the window screen = pygame.display.set_mode((640, 480)) # Load the v ......
vue 加减乘除精度问题处理
安装 bignumber.js yarn add bignumber.js 新建bignumber.js文件 import { BigNumber } from 'bignumber.js' 加 export const plus = (a, b) => { const newPlus = new ......
vue的几个记录
1.父组件传递子组卷数组参数 props: { boxData: { type: Array, default: () => [], //重点 }, 2.要实现父组件传递子组卷的参数动态更新 (父-》子-》子,也只需要在最后一个子组件监听即可。) 需要用到监听器 watch:{ //监听父组件传递的 ......