Vue3-逐字歌词

随笔 

1 实现功能 在音乐播放歌词滚动效果下实现逐字歌词 根据浏览器渲染时间进行监听音乐播放 修改处理歌词方法 根据播放进度修改高亮某个字的进度 2 代码 2.1 HTML <template> <div> <audio re

关于Vue3+TypeScript对于ESlint的配置

随笔 

module.exports = { plugins: ["@typescript-eslint", "vue"], parser: "vue-eslint-parser", env: { browser: true, es2021: true }, extend

前端物料码生成

随笔 

工具类代码 import QRCode from 'qrcode'; import JSZip from 'jszip'; import dayjs from 'dayjs'; class MaterialCodeGenerator { constructor() { this.loa

Vue3-音乐播放歌词滚动

随笔 

1 实现功能 随着时间滚动播放歌词 高亮放大当前播放的歌词文字 可以拖动歌词 双击歌词切换到歌词对应的播放时间

常用的正则表达式(JavaScript)

随笔 

# 常用的正则表达式(JavaScript) const webReg = new RegExp(/http[s]*:\/\/[^\s]*|[a-zA-Z]+[0-9]*\.[a-zA-Z]+[^\s]*/, "g"); // 匹配网址 const numReg = new RegExp(/[