vue实现一个队列自动机

最近比较忙,有时间完善思路。

关键代码

export function promiseQueue(executors: any[]) {
  return new Promise((resolve, reject) => {
    if (!Array.isArray(executors)) { executors = Array.from(executors); }
    if (executors.length <= 0) { return resolve([]); }

    const res: any[] = [];
    executors = executors.map((x, i) => () => {
      const p = typeof x === 'function'
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现一个音乐App需要考虑到很多因素,例如音乐的播放、列表的展示、搜索功能、歌词显示等等。下面我将简单介绍如何使用Vue实现一个基础版的音乐App。 1. 准备工作 首先,我们需要准备好一些必要的资源,例如音乐文件、歌词文件、图片等等。这些资源可以放在静态资源目录中,例如public目录。 2. 创建Vue项目 使用Vue CLI创建一个新的项目: ``` vue create music-app ``` 创建完成后,进入项目目录并启动开发服务器: ``` cd music-app npm run serve ``` 3. 编写页面结构 创建一个音乐列表页面和一个歌曲详情页面,可以使用Vue Router进行路由管理。页面中需要展示音乐列表、歌曲封面、歌曲名称、歌手、歌词等信息。 4. 实现音乐播放 使用HTML5的audio标签进行音乐播放,同时使用Vue的生命周期钩子函数和watch监听音乐播放状态,实现播放、暂停、上一首、下一首等功能。 5. 实现搜索功能 使用Vue的computed属性和watch监听搜索关键词的变化,实现搜索功能。同时可以使用第三方API获取搜索结果。 6. 实现歌词显示 使用第三方库实现歌词解析和显示,例如lyric-parser和lyric-scroll。 7. 发布项目 完成开发后,使用npm run build命令进行打包,然后将打包后的文件部署到服务器上即可。 以上是实现一个音乐App的基本步骤,具体实现过程中还需要考虑到很多细节问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值