前言前面一篇文章Vue开发历程---音乐播放器，实现了播放音乐，以及基本的布局。但是进度条没有实现同步，本文即介绍进度条的实现。一、效果图二、心路历程1、elementUI滑块的使用2、JS的编写进度条的状态是实时的，也就是每一秒每一刻都要变化，如何实现这一功能？首先需要写一个方法，每30ms更新一次状态，同时在组件挂载完成的时候调用这个方法，从而实现了每30ms，即更新进度条的数值。通过refs可以获得audio这个标签，这个标签上有duration（时长），currentTime（当前时间）这两个属性，通过这两个属性，可以计算出来进度的占比。updateSongsTime:func
Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。既然我们要对比两者的实现方式，那么我们肯定要先在我们的Vue3项目中引入这两个状态管理器（实际项目中千万不要即用Vuex又用Pinia，不然你会被同事请去喝茶的。下面就让我们看下它们的使用方式吧安装Vuexnpmivuex-SPinianpmipinia-S挂载Vuex在src目录下新建vuexStore,实际项目中你只需要
使用VitePress可以让我们快速搭建一个静态博客网站，这篇文章将带领大家搭建一个基于VitePress的静态博客网站并且部署到GitHubPages(github提供的静态网页服务)快速上手新建目录并初始化(我的目录名为kittydocs)这里我们使用pnpm式，当然yarn，npm都是可以的,如果你没有安装pnpm可以全局安装npmipnpm-g然后初始化pnpminit安装vitepresspnpmivitepresspackage.json添加script"scripts":{"docs:dev":"vitepressdevdocs","docs:build":"vitepressb
前言前面一篇文章Vue开发历程---音乐播放器，实现了播放音乐，以及基本的布局。但是进度条没有实现同步，本文即介绍进度条的实现。一、效果图二、心路历程1、elementUI滑块的使用2、JS的编写进度条的状态是实时的，也就是每一秒每一刻都要变化，如何实现这一功能？首先需要写一个方法，每30ms更新一次状态，同时在组件挂载完成的时候调用这个方法，从而实现了每30ms，即更新进度条的数值。通过refs可以获得audio这个标签，这个标签上有duration（时长），currentTime（当前时间）这两个属性，通过这两个属性，可以计算出来进度的占比。updateSongsTime:func
Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。既然我们要对比两者的实现方式，那么我们肯定要先在我们的Vue3项目中引入这两个状态管理器（实际项目中千万不要即用Vuex又用Pinia，不然你会被同事请去喝茶的。下面就让我们看下它们的使用方式吧安装Vuexnpmivuex-SPinianpmipinia-S挂载Vuex在src目录下新建vuexStore,实际项目中你只需要
使用VitePress可以让我们快速搭建一个静态博客网站，这篇文章将带领大家搭建一个基于VitePress的静态博客网站并且部署到GitHubPages(github提供的静态网页服务)快速上手新建目录并初始化(我的目录名为kittydocs)这里我们使用pnpm式，当然yarn，npm都是可以的,如果你没有安装pnpm可以全局安装npmipnpm-g然后初始化pnpminit安装vitepresspnpmivitepresspackage.json添加script"scripts":{"docs:dev":"vitepressdevdocs","docs:build":"vitepressb
