播放器 音频vue
vue3中使用ref语法糖
自从引入组合式 API 的概念以来,一个主要的未解决的问题就是 ref 和响应式对象到底用哪个。 响应式对象存在解构丢失响应性的问题,而 ref 需要到处使用 .value 则感觉很繁琐,并且在没有类型系统的帮助时很容易漏掉 .value 写法优化 以上是官方原话。大概就是新的语法糖 可以让我们更方 ......
Vue3 初识setup
视频 二、常用 Composition API 官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html 1.拉开序幕的setup 理解:Vue3.0中一个新的配置项,值为一个函数。 setup是所有Compositi ......
Vue3 vue-cli创建工程的工程结构分析
视频 不能用vue2的写法了 #components ##HelloWorld.vue <template> <div class="hello"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / custom ......
安装vue-lic
vue-cli是Vue.js开发的标准工具。它简化了程序员基于webppack创建工程化的Vue项目的过程。引用自vue-cli官网上的一句话:程序员可以专注在撰写应用上,而不必花好几天去纠结\webpack配置的问题。 安装和使用 (1)确保电脑已经安装了node.js,如果不确定自己是否安装了n ......
vue中开启https
vue2.0中 项目工程根目录下,找到文件 vue.config.js。设置 module.exports.devServer.https: true 项目工程根目录下,找到文件 vue.config.js。设置 module.exports.devServer.https: true module ......
Vue3 vue-cli或vite创建工程
使用 vue-cli 创建工程视频 使用 vite 创建工程视频 一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本,确 ......
vue3+vant创建移动端项目,实战项目常见采坑记录
前言: 产品背景介绍 我所做的这个项目,刚开始是没有移动端需求的,等PC端做完了上线使用了几个月后,突然有一天产品经理找到我说是要做一个在PC端添加一个快速注册入口,用手机微信扫二位码进入移动端注册页面,用户注册。 所以本次需求就是在PC端添加一个tool-tip气泡型弹出二维码,再开发一个移动端注 ......
一键将喜马拉雅mp3音频直接导出到电脑!无需转换格式!
平时做地铁上班 ,通勤时间比较长,眼睛看书又很费劲,所以我比较喜欢用喜马拉雅听东西,还买了VIP会员。不过有个不方便的就是手机里总是会弹出消息,所以最近打算研究一下,怎么把音频直接下载到随身的播放器里,这样就会比较专注地听东西了,学习效率也很高。 发现了这样一个简单实用的小工具,可以直接通过它把喜马 ......
vue中的动态写法
1. :class=" `${ isShow? 'box': '' }` " 2. <div : edit=' getEdit(item.id) ' getEdit(id) { return this[ 'edit' + id] } 3. this.edit1 = this['edit' + id] ......
Vue中单选框或复选框中的label内容过长,超出范围
解决办法: 1、直接把字体调小 2、当需要的字体大小还是超出了范围时 在css中写(如果是复选框;单选框的class: el-radio__label) .el-checkbox__label { text-overflow: ellipsis; white-space: normal; line- ......
vite启动vue项目报错import { performance } from 'node:perf_hooks'
import { performance } from 'node:perf_hooks'^^^^^^ SyntaxError: Cannot use import statement outside a module 要求node版本要大于16 使用nvm 切换node版本 成功运行 ......
二、使用Vue3 + Vue CLI 实现系统前端模块的搭建
主要内容 前端模块的搭建:Vue CLI5 + Vue3 + Ant Design Vue3 完成手机号登录/注册功能 收获 学会纯前端项目的搭建 理解前后端分离架构 本地环境准备 vue cli安装: https://cli.vuejs.org/zh/guide/installation.html ......
文件名称使用vue前端设置utf-8乱码问题
文件名称使用vue前端设置utf-8乱码问题 1、下载入口 /** * @description 下载文件到前端 * @params response * @params filePath 文件存放的完整路径,以文件名结尾 *@params fileName * @return void */ pu ......
vue中el-checkbox全选、反选、多选
<template> <div> <el-checkbox v-model="checkAll" @change="handleCheckAllChange" :indeterminate="isIndeterminate" >全选</el-checkbox > <el-checkbox v-mod ......
vue input每次输入一个字符后自动失去焦点 问题
我在输入框输入的时候,每输入一次,输入框就自动失去焦点了。ps:实现的功能是,一个列表组件,每个对象中都有一个input输入框。 <div class="addTags" v-for="(item,index) in list" :key="item.title"> <input type="tex ......
【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 约束和统一前端代码规范
通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。 ......
Vue中使用全局事件总线
使用第三方库mitt实现全局事件总线,其原理,和Vue2类似,在app.config.globalProperties上添加总线,然后在需要的组件中引入,调用其on/emit/off等方法实现绑定、派发和解绑等操作 1、下载安装 npm i mitt 2、在main.ts中配置 import { c ......
2023全网音频专辑下载器!支持解析喜马拉雅、懒人听书、蜻蜓FM平台mp3音频资源
现在大家都喜欢听书,但是听书的平台太多了,有时候只是想下载其中一个平台的小说资源,但是却需要单独为了某一个小说购买vip会员付费,多少有点浪费。 今天给大家推荐三款工具,这三款工具可以分别下载喜马拉雅、懒人听书、蜻蜓FM的小说资源,可以直接下载mp3小说资源,下载后的音频可以放到百度网盘里面进行播放 ......
在Vue中,关于require与required
在 Vue 里面,是用 require 还是 required?始终拿捏不定,所以这里记录一下 图片是 require('@/xxx') props 里面是 required 表单验证里面是 required 总结:只有图片是 require,其它都是required ......
vue 项目npm run dev(启动)时报错The service was stopped
vue项目yarn upgrade后vite build报错,如何项目也运行不起来了。 报错截图: 解决办法: 删除node_modules文件夹,然后执行yarn install重新生成心的node_modules。 ......
复选框数据通过axios和Vue传输到servlet后台
引言 本来是想百度一下如何将table标签里面嵌入的复选框通过axios以及Vue传输到Servlet后台; 百度之后才发现,是我草率了,原来可以直接用复选框标签进行传输(好吧,又暴露了自己基础不扎实的事实......) 相关实现步骤 1、将相关的标签el-checkbox引入进去 这里我们需要引入 ......
【C#】Whisper 离线语音识别(微软晓晓语音合成的音频)(带时间戳、srt字幕)...
https://blog.csdn.net/cxyhjl/article/details/129905927 用微软语音合成功能生成xiaoxiao的语音。 用Whisper离线识别合成的语音输出srt字幕。 一、语音合成 参考这个网址:https://www.bilibili.com/read/c ......
vue2源码-六、根据render函数生成vnode
根据render函数生成vnode 上文介绍 上面已经将模板编译成了render函数,下面就要使用render函数,从而完成渲染的操作: 首先,根据render函数生成虚拟节点;然后根据虚拟节点+真实数据生成真实节点。 实现mountComponent方法,完成渲染 虚拟节点生成 封装vm._ren ......
vue按钮禁用
一个按钮的动态禁用设置是如此多坑 必须要用到prop、data prop来绑定其属性disabled,data是因为prop属性的内容不可改变。 <template> <div> <el-button type="success" size="small" @click="check">龟龟</el ......
vue-devtool
vue-devtool是使用vue必不可少的一个工具,他可以让你在开发vue项目的时候,实时展示页面上的变量。 1、下载 到github下载:https://github.com/vuejs/devtools 可使用git或者直接下载zip包 安装依赖,最好使用yarn,因为该项目使用yarn 这一 ......
前端学习笔记——Vue3组件间数值传递
依据个人的学习需求,对Vue官网中组件部分内容的搬运和总结,可用于参看,想详细了解Vue3这部分特性的可以直接参考官网内容:https://cn.vuejs.org props是一种特别的attributes,我们可以在组件上生命注册。比如:如果我们要传递给博客文章组建一个标题的话,我们则必须在该组 ......
vue3使用tinymce
第一种方法:通过使用key云端调用 安装@tinymce/tinymce-vue npm i @tinymce/tinymce-vue 去官网注册一个账号获取key,然后去https://www.tiny.cloud/get-tiny/language-packages/下载语言包,放在目录下的pu ......
vue3中使用axios
1、问题: 在vue2中axios通常是经过封装的后挂载使用的,来处理token及报错处理,比如 //main.js import ajax from '@/axios.js' Vue.prototype.ajax = ajax 在项目中使用也很方便this.ajax就行了,那vue3中是如何简单、 ......